Repolode
saadeghi

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 обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

99,1 тыс.6,7 тыс.JavaScriptMITОбновлён 8 часов назад