Разработка

21st.dev — реестр, в котором собраны UI-компоненты, шаблоны и темы на основе React, Tailwind CSS и shadcn, опубликованные сообществом. Более 12 000 компонентов можно посмотреть вживую и добавить в проект одной командой через shadcn CLI; код попадает прямо в ваш репозиторий, и вы правите его как захотите. Сервис также работает с ИИ-инструментами, такими как Cursor, Claude Code, v0 и Lovable. Просмотр бесплатный, в день доступно 2 бесплатных копирования компонента; неограниченное копирование и премиум-шаблоны открываются по подписке.

Современная библиотека анимированных UI-компонентов. Эффектные компоненты на React и Tailwind CSS на базе Framer Motion.

Доступное облачное хранилище и сервис резервного копирования. Добавьте объектное хранилище в приложения с помощью B2 Cloud Storage, совместимого с S3.

Библиотека анимированных современных UI-компонентов на React и Tailwind CSS с яркими элементами интерфейса.

Better Auth — комплексный TypeScript-фреймворк аутентификации с открытым кодом: учётные данные, вход через соцсети, мультитенантность, SSO/SAML и более 50 методов через плагины.

Библиотека с открытым исходным кодом: более 60 бесплатных блоков shadcn/ui. Копируйте и вставляйте в проекты на React, Tailwind и Next.js.

Создавайте полноценные приложения с ИИ прямо в браузере

Clerk — платформа аутентификации и управления пользователями с готовыми компонентами интерфейса, мультитенантностью и биллингом подписок. Бесплатна для первых 50 000 активных пользователей в месяц.

Context.dev — API для веб-скрапинга и извлечения данных, предоставляющий ИИ-агентам и разработчикам структурированный веб-контент без построения собственной инфраструктуры.

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

Платформа для самостоятельного хостинга с открытым исходным кодом. Альтернатива Heroku и Netlify: деплойте приложения в один клик.

Галерея с открытым кодом из сотен CSS-кнопок. Копируйте и используйте анимированные, современные кнопки с hover-эффектами.

Редактор кода с ИИ; ускоряет написание, редактирование и отладку кода.

Платформа для автоматического сканирования и управления уязвимостями во внешних активах. Сканирование уязвимостей, оценка рисков и отчётность на одной панели.

Готовый шаблон сайта-каталога на Next.js. Платежи, SEO и генерация контента с ИИ уже интегрированы; купите один раз и запускайте неограниченное число проектов.

Генератор функций easing для CSS- и JavaScript-анимаций. Визуально редактируйте кривые Безье и доводите переходы до совершенства.

Библиотека анимированных компонентов графиков на Tailwind CSS и React. Основана на shadcn/recharts, легко настраивается.

Визуальный инструмент для создания сложных значений CSS border-radius. Проектируйте органичные необычные формы с помощью 8 контрольных точек.

Крупнейшая в мире платформа хостинга кода и контроля версий; незаменима для open-source проектов и командной работы.

ИИ-автодополнение кода

Создавайте воркфлоу с логикой принятия решений

Продвинутый генератор CSS-градиентов от Josh W. Comeau. Управляйте цветовыми переходами в пространстве HSL, чтобы получать более естественные градиенты.

Инструмент анализа производительности сайтов. Показывает скорость страницы, Core Web Vitals и рекомендации по оптимизации.

HeroUI — библиотека компонентов интерфейса для React и нативных приложений, позиционируемая как альтернатива Material-UI и Chakra UI.

Email-инфраструктура для разработчиков. Отправка транзакционных писем, обработка входящих и создание ИИ-агентов для почты с TypeScript SDK.

Фреймворк с открытым кодом для создания приложений iOS, Android и веба на единой кодовой базе. Поддерживает Angular, React и Vue.

Современная библиотека UI-компонентов на Tailwind CSS и React. Мгновенно добавляйте в проект методом копирования и вставки.

Готовые компоненты макетов для React-проектов. Быстрая разработка интерфейсов на шаблонах сеток, сайдбаров, дашбордов и страниц.

Премиальные темы для сайтов на Astro и Tailwind CSS. Профессиональные шаблоны для SaaS, блогов, портфолио и e-commerce.

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

UI-библиотека с более чем 50 анимированными компонентами для React. Построена на Framer Motion, идеальна для лендингов и маркетинговых сайтов.

API проверки email. Выявляет недействительные, спам- и одноразовые адреса, чтобы ваши списки оставались чистыми.

Современная headless CMS. Гибкая контентная инфраструктура для веб-проектов: управление контентом, доступ через API и многоязычность.

Расширение для Chrome, инспектирующее CSS, цвета, шрифты и SVG сайтов. Извлекайте и экспортируйте дизайн-детали любой страницы.

Мощная библиотека анимации для веба (ранее Framer Motion). Создавайте плавные и производительные анимации в проектах на React и чистом JS.

Платформа для совместной работы команд разработчиков. Код-ревью, отслеживание багов и технические обсуждения в одном месте.

Neon — бессерверный бэкенд на Postgres, принадлежащий Databricks. Предлагает мгновенное ветвление, масштабирование до нуля, управляемый Better Auth, Data API, функции, хранилище и AI gateway.

Деплой и хостинг сайтов

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

Создавайте приложения по промпту и деплойте их

Коллекция красивых и функциональных UI-компонентов на Tailwind CSS. Готовые решения для полей ввода, кнопок, карточек и не только.

Готовая библиотека UI-компонентов для современных веб-проектов. Легко настраиваемые компоненты на Tailwind CSS и React.

Headless CMS с открытым кодом на TypeScript. Полная интеграция с Next.js, мощная админ-панель и гибкое моделирование контента.

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

Serverless-база данных MySQL

PostHog — платформа с продуктовой аналитикой, отслеживанием ошибок, повтором сессий и флагами функций. Открывает данные о продукте командам и ИИ-агентам.

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

Крупнейший в мире маркетплейс API. Находите, тестируйте и интегрируйте тысячи API в проекты, управляя ими с одной панели.

Облачная среда разработки, позволяющая писать, запускать код и делиться им прямо в браузере.

Resend — API электронной почты, позволяющий разработчикам отправлять транзакционные и маркетинговые письма в больших объёмах.

No-code платформа для внутренних инструментов. Создавайте внутренние приложения, визуально подключая базы данных, API и рабочие процессы.

Коллекция готовых UI-компонентов по принципу копирования и вставки. Ускоряет разработку проектов на Tailwind CSS и React.

Платформа для создания RSS-лент с любого сайта. Автоматически превращайте соцсети, новости и блоги в RSS-ленту.

Сервис получения скриншотов сайтов через API. Автоматически создавайте скриншоты с настраиваемым вьюпортом, форматом и временем ожидания.

Готовые шаблоны блоков для Shadcn UI. Заранее оформленные блоки для hero, тарифов, функций и других секций страниц.

Библиотека переиспользуемых UI-компонентов на основе Radix UI и Tailwind CSS. Работает по принципу копирования и вставки, допускает полную кастомизацию.

Платформа с готовыми наборами компонентов и шаблонами для Shadcn UI. Содержит заранее спроектированные UI-блоки для быстрой интеграции в проекты.

Бойлерплейт Next.js для SaaS. Аутентификация, платежи, SEO и интеграция с базой данных уже готовы; запустите SaaS-проект за считаные дни.

Создавайте веб-приложения из текстового промпта

Коллекция визуально эффектных UI-компонентов. Элементы интерфейса премиального качества на Tailwind CSS и React.

Альтернатива Firebase с открытым кодом; база данных PostgreSQL, аутентификация и функции реального времени.

Набор из более чем 30 инструментов веб-разработки для Chrome и Firefox в одном расширении. Инспектор CSS, пипетка, тест адаптивности и многое другое.

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

Онлайн-инструмент для оптимизации и конвертации SVG-файлов. Уменьшайте, редактируйте и подготавливайте SVG для веба.

Готовые шаблоны сайтов и дизайны лендингов на Tailwind CSS. Идеальная отправная точка для быстрого прототипирования.

Tailwind CSS — CSS-фреймворк, основанный на готовых служебных классах для разработки интерфейсов. Поддерживает адаптивный дизайн, тёмный режим, container query и 3D-трансформации; есть дополнительная платная версия Tailwind Plus.

Инструмент сжатия PNG и JPEG без потери качества. Автоматическая оптимизация через API повышает производительность сайта.

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

Генератор CSS-кода для эффекта глассморфизма. Визуально настраивайте размытие, прозрачность и рамку и копируйте CSS-код.

Платформа UI-элементов с открытым кодом от сообщества. Тысячи готовых компонентов: кнопки, карточки, формы и анимации.

ИИ-генератор UI от Vercel

Инструмент генерации UI с ИИ от Vercel; создаёт React-компоненты по текстовым описаниям.

Платформа быстрого деплоя и хостинга фронтенд-проектов от создателей Next.js.

Бесплатный редактор кода с открытым исходным кодом от Microsoft; обширная экосистема расширений и мощные возможности отладки.

IDE с ИИ

Создавайте и редактируйте сайты на естественном языке

CMS для блогов, созданная для разработчиков. Благодаря API-first подходу это самый простой способ добавить блог на существующий сайт.