Monthly revenue
+12.4%$84.2k
vs last month
Выручка за месяц $48.2k+24%
Деплой завершён
View data
| Item | Value |
|---|---|
| Charts | 82% |
| Sections | 64% |
| Forms | 47% |
Midnight Build
Astro Kit · Lo-fi
ASTRO KIT COMPONENTS
v0.5.1Бесплатные open-source UI компоненты для Astro. Без зависимостей. Копируй, вставляй и публикуй.
$ npm install astro-component-kit Обзор коллекции
Обзор по категориям
Выберите категорию, скопируйте код — готово.
Кнопки 22 компонентов Формы 24 компонентов Карточки 22 компонентов Уведомления 22 компонентов Навигация 23 компонентов Макеты и Сетки 22 компонентов Модальные окна 23 компонентов Отображение данных 23 компонентов Типографика 24 компонентов Графики и статистика 47 компонентов E-commerce 25 компонентов Приложение и дашборд 13 компонентов Секции страниц 51 секций
Новое · Готовые шаблоны
Не только компоненты. Целые сайты, готовые к запуску.
Шаблоны собирают компоненты библиотеки в полноценные многостраничные сайты. Посмотрите каждую страницу вживую и подключите весь шаблон одной строкой — или возьмите только нужные части.
Шаблонов: 3 · интернет-магазин, E-commerce 2 Editorial
- страниц
- 4
- компонентов
- 32
- Светлая и тёмная
Скоро: SaaS-лендинг · Дашборд · Блог
Почему Astro Components Kit?
Создавайте быстрее с бесплатными компонентами Astro
Не изобретайте велосипед заново. Готовые UI блоки для максимальной производительности, доступности WCAG AA и безупречного дизайна.
- Запуск за минуты
Молниеносная разработка
Копируйте любой компонент прямо в проект Astro. Без настройки сборки и раздутых node_modules — лендинги и клиентские сайты за минуты, а не недели.
- Быстрее
- 10×
- Настройка
- 0 мин
- Готово
- Astro 5
- Ничего лишнего
Без runtime-зависимостей
Чистый Astro и изолированный CSS. Даже графики рендерятся в SVG при сборке.
- JS в runtime
- 0 kB
- Lighthouse
- 100
- WCAG 2.2 AA
Доступность по умолчанию
Навигация с клавиатуры, видимый фокус, ARIA там, где нужно, и контраст 4.5:1.
- Контраст
- ≥4.5:1
- Цели касания
- 44px
- Отборные стили
Эстетика нового поколения
Стекло, неон, неоморфизм и тёмное золото с плавными микровзаимодействиями.
- Стилей
- 6+
- Анимация
- 60fps
- CSS-токены
Полная кастомизация
Типизированные props, слоты и CSS-переменные — меняйте тему всего из одного файла.
- Токены
- 100%
- TypeScript
- Strict
- MIT · Бесплатно
Библиотека, которая растёт
Готовые компоненты, SVG-графики и полные секции страниц в 11 категориях — открытая разработка и обновления каждую неделю.
- Компоненты
- 290
- Секции
- 51
- Лицензия
- MIT
Библиотека компонентов
Более 320 компонентов для Astro
От кнопок и карточек до модальных окон и форм — каждый компонент создан с вниманием к деталям и скорости.
Новые секции для продакшена
Полностраничные блоки, готовые к копированию
Больше, чем просто компоненты — готовые адаптивные секции лендингов: дашборды метрик, тарифы, hero-блоки, вкладки возможностей, отзывы и интеграции.
Преимущества
Почему разработчики выбирают Astro Components Kit
01
Архитектура с упором на скорость
Каждый компонент Astro по умолчанию работает без клиентского JavaScript. Страницы загружаются мгновенно, потому что компоненты рендерятся в статический HTML при сборке. Без гидрации, каскадов запросов и сдвигов макета.
02
Копируй и вставляй
Без лишних пакетных менеджеров. Скопируйте исходный код компонента в проект, импортируйте и используйте. Каждый компонент самодостаточен — со своими стилями и разметкой.
03
SEO из коробки
Компоненты рендерятся на сервере, поэтому поисковики сразу сканируют и индексируют контент — без ожидания загрузки JavaScript. Семантический HTML в каждом компоненте.
04
Готово для дизайн-системы
CSS-переменные, единая шкала отступов, типографика и цветовая палитра — всё уже настроено. Настройте один раз и применяйте везде.
05
Открытый код и лицензия MIT
Бесплатно для личного и коммерческого использования. Предлагайте компоненты, сообщайте об ошибках или форкните всю библиотеку. Создано разработчиками для разработчиков.
Лаборатория взаимодействий
Не просто смотрите — попробуйте
Каждая плитка — живой компонент. Двигайте, наводите, кликайте и печатайте: микровзаимодействия уже в коде, который вы копируете.
Наклони меня
3D-перспектива следует за курсором с мягким бликом.
ASTRO KIT 0.5.1
Too weak
ASTRO НОЛЬ JS 320+ КОМПОНЕНТОВ ШАБЛОНЫ ОТКРЫТЫЙ КОД ЛИЦЕНЗИЯ MIT ДОСТУПНО БЫСТРО
Начало работы
Установка за секунды
Добавьте astro-component-kit в ваш проект одной командой.
$ npm install astro-component-kit Затем импортируйте любой компонент и начните сборку.
Готовы создать нечто потрясающее?
Open source и бесплатно навсегда. Просто скопируйте в свой проект Astro.
Начать