Что это такое?
daisyUI — это бесплатная библиотека компонентов с открытым исходным кодом для Tailwind CSS, самая популярная из таких библиотек; сейчас она в пятой версии. Она добавляет готовые классы UI-компонентов поверх utility-классов Tailwind.
daisyUI — это бесплатная библиотека компонентов с открытым исходным кодом для Tailwind CSS, самая популярная из таких библиотек; сейчас она в пятой версии. Она добавляет готовые классы UI-компонентов поверх utility-классов Tailwind.Это фреймворк или просто CSS-классы, которые я использую вместе с Tailwind?Это библиотека компонентов, а не фреймворк: вы используете имена классов daisyUI в своём HTML вместе с utility-классами Tailwind. Текущая мажорная версия — daisyUI 5.
Это библиотека компонентов, а не фреймворк: вы используете имена классов daisyUI в своём HTML вместе с utility-классами Tailwind. Текущая мажорная версия — daisyUI 5.Как добавить его в свой проект?Установите пакет из npm командой 'npm i -D daisyui@latest', затем подключите его как плагин Tailwind в своём CSS-файле; в README есть ссылка на официальное пошаговое руководство.
Установите пакет из npm командой 'npm i -D daisyui@latest', затем подключите его как плагин Tailwind в своём CSS-файле; в README есть ссылка на официальное пошаговое руководство.Нужно ли сначала установить Tailwind CSS?Да — daisyUI создан как библиотека компонентов для Tailwind CSS, причём версия 5 требует Tailwind CSS 4. Дальше это просто имена CSS-классов в вашей разметке.
Да — daisyUI создан как библиотека компонентов для Tailwind CSS, причём версия 5 требует Tailwind CSS 4. Дальше это просто имена CSS-классов в вашей разметке.Имеет ли значение, использую ли я React, Vue, Svelte или обычный HTML?Нет — daisyUI поставляет имена CSS-классов, а не компоненты для конкретных фреймворков, поэтому он работает и в обычном HTML, и с любым фронтенд-фреймворком — везде, где работает Tailwind CSS.
Нет — daisyUI поставляет имена CSS-классов, а не компоненты для конкретных фреймворков, поэтому он работает и в обычном HTML, и с любым фронтенд-фреймворком — везде, где работает Tailwind CSS.Где можно посмотреть все компоненты?В README есть прямая ссылка на галерею «See all components» на официальном сайте, рядом с документацией и руководством по началу работы.
В README есть прямая ссылка на галерею «See all components» на официальном сайте, рядом с документацией и руководством по началу работы.Можно ли попробовать его, прежде чем подключать к проекту?Да — в репозитории есть пакет-песочница: команда 'bun run play' собирает библиотеку и запускает локальную dev-песочницу для экспериментов.
Да — в репозитории есть пакет-песочница: команда 'bun run play' собирает библиотеку и запускает локальную dev-песочницу для экспериментов.Он действительно бесплатный, в том числе для коммерческого использования?Да — это open source под лицензией MIT, бесплатный для личных и коммерческих проектов; разработка поддерживается спонсорами на Open Collective.
Да — это open source под лицензией MIT, бесплатный для личных и коммерческих проектов; разработка поддерживается спонсорами на Open Collective.Проект активно поддерживается?Да — публичная разработка началась в ноябре 2020 года, у репозитория около 42 500 звёзд, он не архивирован, а релизы и документация разворачиваются через автоматизированный CI.
Да — публичная разработка началась в ноябре 2020 года, у репозитория около 42 500 звёзд, он не архивирован, а релизы и документация разворачиваются через автоматизированный CI.What are similar projects?TW-Elements, hyperui, oat, mdb-ui-kit, chakra-ui, galaxy, arc-library, tamagui
TW-Elements, hyperui, oat, mdb-ui-kit, chakra-ui, galaxy, arc-library, tamaguiWhich topics is it in?tailwind-css, postcss, tailwind, component, ui-framework, design-systems, css-framework, front-end, ui-kit, ui-design, components, svelte
tailwind-css, postcss, tailwind, component, ui-framework, design-systems, css-framework, front-end, ui-kit, ui-design, components, svelte