Monthly revenue
+12.4%$84.2k
vs last month
Выручка за месяц$48.2k+24%
Деплой завершён
View data
| Item | Value |
|---|---|
| Charts | 82% |
| Sections | 64% |
| Forms | 47% |
Midnight Build
React Kit · Lo-fi
REACT KITCOMPONENTS
v0.1.0Бесплатные open-source UI компоненты для React. Без зависимостей. Копируй, вставляй и публикуй.
$ npm install react-component-kit-uiОбзор коллекции
Обзор по категориям
Выберите категорию, скопируйте код — готово.
Кнопки22 компонентовФормы24 компонентовКарточки22 компонентовУведомления22 компонентовНавигация23 компонентовМакеты и Сетки22 компонентовМодальные окна23 компонентовОтображение данных23 компонентовТипографика24 компонентовГрафики и статистика47 компонентовE-commerce25 компонентовПриложение и дашборд13 компонентовСекции страниц51 секций
Новое · Готовые шаблоны
Не только компоненты. Целые сайты, готовые к запуску.
Шаблоны собирают компоненты библиотеки в полноценные многостраничные сайты. Посмотрите каждую страницу вживую и подключите весь шаблон одной строкой — или возьмите только нужные части.
Шаблонов: 3 · интернет-магазин, E-commerce 2 Editorial, SaaS-отель
- страниц
- 4
- компонентов
- 32
- Светлая и тёмная
Скоро: SaaS-лендинг · Дашборд · Блог
Почему React Components Kit?
Создавайте быстрее с бесплатными компонентами React
Не изобретайте велосипед заново. Готовые UI блоки для максимальной производительности, доступности WCAG AA и безупречного дизайна.
- Запуск за минуты
Молниеносная разработка
Установите из npm или скопируйте любой компонент прямо в React-приложение. Без настройки CSS-фреймворков — лендинги и клиентские сайты за минуты, а не недели.
- Быстрее
- 10×
- Настройка
- 0 мин
- Готово
- React 19
- Ничего лишнего
Без runtime-зависимостей
Только React как peer-зависимость и обычный CSS. Без Tailwind и CSS-in-JS.
- Зависимостей
- 0
- Tree-shaking
- ESM
- WCAG 2.2 AA
Доступность по умолчанию
Навигация с клавиатуры, видимый фокус, ARIA там, где нужно, и контраст 4.5:1.
- Контраст
- ≥4.5:1
- Цели касания
- 44px
- Отборные стили
Эстетика нового поколения
Стекло, неон, неоморфизм и тёмное золото с плавными микровзаимодействиями.
- Стилей
- 6+
- Анимация
- 60fps
- CSS-токены
Полная кастомизация
Типизированные props, нативные HTML-атрибуты и CSS-переменные — меняйте тему из одного файла.
- Токены
- 100%
- TypeScript
- Strict
- MIT · Бесплатно
Библиотека, которая растёт
Переносится компонент за компонентом из Astro Components Kit: та же дизайн-система, теперь для React. Открытая разработка.
- Компоненты
- 290
- Секции
- 51
- Лицензия
- MIT
Библиотека компонентов
Компоненты React для продакшена
От кнопок и карточек до модальных окон и форм — каждый компонент создан с вниманием к деталям и скорости.
Секции для продакшена
Полностраничные блоки, готовые к копированию
Больше, чем просто компоненты — адаптивные секции лендингов: дашборды метрик, тарифы, hero-блоки, вкладки возможностей, отзывы и интеграции.
Преимущества
Почему разработчики выбирают React Components Kit
01
Работает с любым стеком React
Vite, Next.js (App и Pages Router), Remix или чистый React 18/19. Каждый модуль содержит "use client", безопасные для SSR id и не имеет глобальных побочных эффектов — компоненты рендерятся на сервере и корректно гидратируются.
02
Копируй или npm install
Установите пакет и импортируйте по категориям или скопируйте один компонент в проект. Каждый компонент — самодостаточная пара .tsx + .css без внутренних импортов.
03
Типизированный нативный API
Каждый компонент экспортирует интерфейс Props и пробрасывает нативные HTML-атрибуты: onClick, aria-*, className, style. Кнопки — настоящие <button> или <a>, модальные окна — нативный <dialog>.
04
Готово для дизайн-системы
CSS-переменные, единая шкала отступов, типографика и цветовая палитра — всё уже настроено. Настройте один раз и применяйте везде.
05
Открытый код и лицензия MIT
Бесплатно для личного и коммерческого использования. Предлагайте компоненты, сообщайте об ошибках или форкните всю библиотеку. Создано разработчиками для разработчиков.
Лаборатория взаимодействий
Не просто смотрите — попробуйте
Каждая плитка — живой компонент. Двигайте, наводите и кликайте: микровзаимодействия уже в коде, который вы копируете.
Наклони меня
3D-перспектива следует за курсором с мягким бликом.
REACT KIT 0.1.0
Too weak
REACTTYPESCRIPTБЕЗ ЗАВИСИМОСТЕЙГОТОВО ДЛЯ NEXT.JSОТКРЫТЫЙ КОДЛИЦЕНЗИЯ MITДОСТУПНОБЫСТРО
Начало работы
Установка за секунды
Добавьте react-component-kit-ui в ваш проект одной командой.
$ npm install react-component-kit-uiЗатем импортируйте любой компонент и начните сборку.
Готовы создать нечто потрясающее?
Open source и бесплатно навсегда. Установите или скопируйте в свой проект React.
Начать