Editor.js — блоковый редактор с чистым выводом в JSON

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

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

#редактор #json #cdn

Dropzone.js — это drag'n'drop-библиотека с открытым исходным кодом

Инструмент и так является одной из самых популярных js-библиотек для перетаскивания файлов. При этом она бесплатна и позволяет вносить в себя изменения за счёт открытого исходного кода.

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

#js #библиотека #open_source

DrawSQL — простой и красивый редактор диаграмм баз данных

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

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

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

#sql #база_данных #онлайн

Devhints — гигантская коллекция шпаргалок по разработке

Все подсказки одностраничные, при этом найти их можно как по достаточно распространённым JS, Kotlin и HTML, так и по «хардкорным» Vim и Bash.

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

#шпаргалка #web #vim

Froala — набор из более 170 блоков, готовых к использованию в ваших веб- или мобильных приложениях

Все предложенные блоки основаны на библиотеке Bootstrap и являются «строительными» блоками для создания красивых веб-сайтов

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

#mobile #web #bootstrap

Coolors — сервис для генерации и просмотра цветовых комбинаций

Итоговый результат можно использовать где угодно: в веб- и мобильных приложениях, в презентациях и документах.

У Coolors есть iOS- и Android-приложения, а также плагин для Figma и Chrome-расширение.

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

#web #цвета

CSS Transform — визуализатор двух- и трёхмерных трансформаций CSS3

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

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

#css #web #визуализатор

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