Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.
saadeghi/daisyui
Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в Tailwind CSS через имена классов.
- Звёзды
- 42,625
- Форки
- 1,711
- Открытые issues
- 32
- Последний коммит
- позавчера
Что это?
daisyUI — библиотека компонентов для Tailwind CSS. Вместо того чтобы каждый раз создавать кнопки, карточки, модальные окна и элементы форм из utility-классов, разработчики используют семантические имена классов компонентов, например btn, card или modal. Стили для них предоставляет Tailwind-плагин daisyUI.
В библиотеке есть набор тем, которые можно переключать с помощью атрибута data. Благодаря этому одна и та же разметка может использовать разные цветовые схемы. Компоненты представляют собой обычные HTML-элементы с CSS-классами, поэтому их можно использовать с любым фреймворком или без него. На главной странице проекта также упоминается интеграция со Svelte и другими инструментами.
Библиотека распространяется как npm-пакет, её также можно подключить через CDN. Лицензия — MIT. Текущая мажорная версия — daisyUI 5.
Ключевые возможности
- 01Предоставляет семантические имена классов компонентов, например btn, card и modal, построенные на Tailwind CSS.
- 02Включает несколько встроенных тем, которые можно переключать с помощью атрибута data.
- 03Работает с обычным HTML и любым фронтенд-фреймворком.
- 04Устанавливается через npm или подключается через CDN.
Сценарии использования
- Быстро создавать маркетинговый сайт или интерфейс панели управления на Tailwind CSS.
- Добавлять единообразные кнопки, формы и модальные окна без написания собственных стилей компонентов.
- Создавать прототипы интерфейсов с темой, которую можно переключать во время работы приложения.
Темы
Частые вопросы
- Что такое daisyui?
- Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в Tailwind CSS через имена классов. daisyUI — библиотека компонентов для Tailwind CSS. Вместо того чтобы каждый раз создавать кнопки, карточки, модальные окна и элементы форм из utility-классов, разработчики используют семантические имена классов компонентов, например btn, card или modal. Стили для них предоставляет Tailwind-плагин daisyUI.
- daisyui можно использовать бесплатно? Какая у него лицензия?
- daisyui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- daisyui всё ещё поддерживается?
- Активно поддерживается. Последний коммит в daisyui — 17 окт. 2026 г..
- Для чего можно использовать daisyui?
- Быстро создавать маркетинговый сайт или интерфейс панели управления на Tailwind CSS. Добавлять единообразные кнопки, формы и модальные окна без написания собственных стилей компонентов. Создавать прототипы интерфейсов с темой, которую можно переключать во время работы приложения.
- Где скачать daisyui?
- Исходный код и инструкции по установке — на GitHub: https://github.com/saadeghi/daisyui
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Коллекция навыков для AI-ассистентов, помогающих с анимацией, дизайном интерфейсов и фронтенд-разработкой на основе опыта автора в Vercel и Linear.
A collection of agent skills for building better UI, covering accessibility, layout, typography, color, writing and UI polish.
CLI that points a headless browser at any website and extracts its design system as DTCG tokens, Tailwind config, Figma variables and more.
CLI tool that extracts a website's design system (colors, typography, spacing, shadows, components) into W3C design tokens in one command.
CLI that extracts a website's, git repo's, or local codebase's design system into a folder of files Claude Code can read to build matching UI.