CSS Stats — удобный анализатор CSS вашего сайта

С его помощью можно не только изучить статистику CSS вашего проекта, но также сравнить его с другими фреймворками.

Стоимость: #бесплатно

#css #web #статистика

Contra — набор wireframe kit с открытым исходным кодом

С его помощью можно в кратчайшие сроки спроектировать и создать прототип мобильного приложения.

Подборка представляет из себя красиво сделанный и простой в использовании набор каркасов с более чем 150 мобильными компонентами и 50+ экранами.

Стоимость: #бесплатно

#mobile #app #open_source

Codrops — бесплатная база примеров кода на HTML, CSS и JavaScript

Всё, что собрано на сайте, собрано вручную. При этом помимо базово JS, можно найти материалы по jQuery, React, Vue и Angular.

Стоимость: #бесплатно

#js #html #web

CodeCrumbs — репозиторий сообщества разработчиков с полезными фрагментами кода

С их помощью можно сделать свой веб-сайт более функциональным. При этом можно не только найти сами фрагменты, но и полезные руководства по их применению.

Стоимость: #бесплатно (но есть платные тарифы)

#web #code #snippet

Carbon — отличный способ создать красивое изображение исходного кода

Пользователю предлагается огромный выбор языков: от Bash до Python и даже Pascal. Можно настроить шрифт, цвет заднего фона и много чего ещё.

Стоимость: #бесплатно

#web #code #бесплатно

Burst — обширная библиотека изображений без авторских прав

Причём использовать их можно как для личного, так и для коммерческого использования. Например, в своих проектах.

Стоимость: #бесплатно

#сток #фото #бесплатно

Brusher — лёгкая библиотека для создания интерактивных фонов

Даже главная страница проекта сделана при помощи самого инструмента. Пользователю достаточно подвигать мышью, чтобы увидеть, как размытие временно пропадает

Стоимость: #бесплатно

#web #библиотека #бесплатно

Workbench — набор инструментов для работы с файлами

Прямо на сайте сервиса можно конвертировать форматы файлов, изменять размер изображений, автоматически маркировать изображения с помощью ИИ, извлекать текст из изображения и т.д.

Стоимость: 5 использований в день — #бесплатно

#web #файлы

Boxicons — бесплатная коллекция тщательно проработанных иконок с открытым исходным кодом

Каждый значок разработан на сетке 24px с соблюдением рекомендаций по material design

Стоимость: #бесплатно

#icons #open_source

Basscss — низкоуровневый CSS-инструментарий

Его общий вес составляет всего 2,13 КБ. При этом одной из особенностей Basscss является удачное соблюдение баланса между последовательностью и гибкостью.

Это позволяет быстро создавать прототипы и вносить итеративные изменения при разработке.

Стоимость: #бесплатно

#css #web

AuthPass — менеджер паролей на основе Flutter совместимый с KeePass

Есть версия как для мобильных устройств, так и для десктопа. Особенно приятно, что проект имеет открытый исходный код.

Стоимость: #бесплатно

#open_source #flutter

API List — огромная подборка различных API

Здесь можно найти интерфейс практически на любой вкус. Причём для удобства пользователей, все они разделены на понятные категории: анимации, оплата, аудио и т.д.

Стоимость: #бесплатно

#api #web

ApexCharts.js — бесплатная современная библиотека диаграмм

С её помощью можно самостоятельно создавать красивые и интерактивные визуализации для веб-страниц

А если что-то нужно «допилить», то сделать это не составит труда — исходный код проекта открыт

Стоимость: #бесплатно

#web #js #open_source

AOS — простейшая библиотека Animate On Scroll с использованием CSS3

Есть несколько вариантов анимаций. При этом проект можно изменять под свои нужды за счёт его открытого исходного кода.

Стоимость: #бесплатно

#css #web #open_source

Antvis — отличные графики для мобильных телефонов и небольших экранов

Разработчики инструмента попытались применить лучшие практики. При этом они добились гибкого построения отличающихся друг от друга графиков, охватывающих различные сценарии

Стоимость: #бесплатно

#web #mobile

Animista — платформа, где можно «поиграть» с коллекцией готовых к использованию CSS-анимаций

Также можно настраивать их под себя и загружать только те из них, которые понадобятся вам в вашем проекте.

Стоимость: #бесплатно

#web #css

toast.log — удобный способ отслеживать ошибки, происходящие на вашем сайте, не открывая консоль браузера

Инструмент позволяет просматривать журналы в формате тостовых уведомлений, а также обнаруживать ошибки, о существовании которых вы даже не подозревали.

Стоимость: $20

#web #браузер #разработка

Dofeedbackin — онлайн-платформа для подключения базы данных ваших форм обратной связи

Делается это максимально просто: сначала создаётся аккаунт, затем проекты (на самой платформе и веб-проект), после чего прикрепляется api-ключ

Стоимость: #бесплатно

#web #api #бд

OyeStartups — огромная база знаний по созданию собственного стартапа

Здесь можно найти необходимые знания, если вы застряли как на этапе планирования, так и реализации своего стартапа

Стоимость: #бесплатно

#стартап #советы

NGINXConfig — GUI для обработки и генерации конфигурации NGINX правильным способом

С помощью данного онлайн-инструмента можно легко сконфигурировать производительный, безопасный и стабильный NGINX-сервер

И что самое приятное — всё это бесплатно и с открытым исходным кодом

Стоимость: #бесплатно

#web #nginx #open_source

Email2Go — инструмент для создания и тестирования email-шаблонов на разных устройствах

Сервис также предлагает отличный бесплатный конструктор писем для создания собственных шаблонов

Их также можно протестировать при помощи инструмента html-тестирования

Стоимость: #бесплатно (но есть платные тарифы)

#email #web