## Что вы получаете | Файл | Для чего нужен | |---|---| | `ui-kit.css` (34 КБ) | Все стили и дизайн-токены. Это единственное, что нужно подключить. | | `index.html` (37 КБ) | Живая документация: все 48 компонентов в отрисованном виде, готовые к копированию и вставке. | | `README.md` | Установка за 30 секунд, таблица компонентов и инструкция по изменению токенов. | ## 48 компонентов Кнопки и группы кнопок, бейджи, аватары, уведомления, карточки, карточки статистики, формы (поля ввода, выпадающие списки, чекбоксы, радиокнопки, переключатели, группы полей, валидация), таблицы, списки, навигация (навбар, боковая панель, вкладки, хлебные крошки, пагинация), обратная связь (всплывающие уведомления, индикаторы прогресса, спиннеры, скелетоны, пустые состояния), структура (hero-блок, футер, макет, сетка, секции) и продающие паттерны (цены, отзывы, FAQ/аккордеон). ## Как установить 1. Распакуйте ZIP. 2. Подключите `ui-kit.css` в своем HTML: ``. 3. Скопируйте разметку нужного компонента из `index.html`. Откройте `index.html` в браузере, чтобы увидеть полную галерею с переключателем светлой/темной темы. ## Что действительно входит - Чистый CSS: без Tailwind, без Bootstrap, без препроцессора, без этапа сборки. - Токены в `:root` (цвета, радиусы, тени, отступы, типографика) и темная тема через `data-theme="dark"`. - Адаптивность благодаря резиновым контейнерам и сетке; протестировано в Chrome и Safari. - Интерактивные компоненты (аккордеон, выпадающее меню, модальное окно, выдвижная панель) работают на нативных атрибутах ``, `[open]` и ``: для базовых функций собственный JavaScript не нужен. ## Что НЕ входит - Это не тема для WordPress или Shopify и не проект на React/Vue: это CSS плюс примеры HTML. - Нет бэкенда, прикладного JS, встроенных иконок и лицензированных изображений. - Компоненты, требующие бизнес-логики (корзина, аутентификация), не реализованы. ## Лицензия Коммерческое использование в собственных и клиентских проектах. Файлы можно свободно изменять. Перепродавать или распространять набор как собственный продукт запрещено.