13.2K ·GitHub
Что это такое?
TW Elements — это большая бесплатная коллекция из более чем 500 UI-компонентов для Tailwind CSS и 117+ готовых дизайн-блоков (формы, карточки, навигационные панели, модальные окна, карусели и многое другое), которые можно встроить в любой проект.
TW Elements — это большая бесплатная коллекция из более чем 500 UI-компонентов для Tailwind CSS и 117+ готовых дизайн-блоков (формы, карточки, навигационные панели, модальные окна, карусели и многое другое), которые можно встроить в любой проект.Это самостоятельный фреймворк или дополнение к Tailwind?Это библиотека компонентов, построенная на основе Tailwind CSS, а не его замена — вы сохраняете свою настройку Tailwind, а TW Elements добавляет готовые компоненты и дизайн-блоки поверх неё.
Это библиотека компонентов, построенная на основе Tailwind CSS, а не его замена — вы сохраняете свою настройку Tailwind, а TW Elements добавляет готовые компоненты и дизайн-блоки поверх неё.Как добавить это в мой проект?TW Elements обещает «простую установку за 1 минуту» — вы добавляете пакет (и его плагин для Tailwind) в существующий проект на Tailwind CSS и сразу начинаете использовать такие компоненты, как Modal, Carousel, Datepicker или Navbar.
TW Elements обещает «простую установку за 1 минуту» — вы добавляете пакет (и его плагин для Tailwind) в существующий проект на Tailwind CSS и сразу начинаете использовать такие компоненты, как Modal, Carousel, Datepicker или Navbar.Нужно ли заранее настроить Tailwind CSS?Да — TW Elements является набором компонентов для Tailwind CSS, поэтому перед добавлением его компонентов и классов необходима рабочая сборка Tailwind.
Да — TW Elements является набором компонентов для Tailwind CSS, поэтому перед добавлением его компонентов и классов необходима рабочая сборка Tailwind.Работает ли это только с CSS или нужен и JS?Интерактивные элементы, такие как Modal, Carousel, Dropdown и Datepicker, зависят от JavaScript TW Elements, а не только от классов Tailwind, поэтому нужно подключить его JS-бандл вместе с Tailwind CSS.
Интерактивные элементы, такие как Modal, Carousel, Dropdown и Datepicker, зависят от JavaScript TW Elements, а не только от классов Tailwind, поэтому нужно подключить его JS-бандл вместе с Tailwind CSS.Работает ли это с React или Vue, а не только с обычным HTML/JS?Да — помимо основной версии на чистом JS/HTML, проект поддерживает варианты для React и Vue (что отражено в его сборках tailwind-react и tailwind-vue).
Да — помимо основной версии на чистом JS/HTML, проект поддерживает варианты для React и Vue (что отражено в его сборках tailwind-react и tailwind-vue).Это действительно можно бесплатно использовать в коммерческих целях?Да, TW Elements распространяется по лицензии MIT и прямо заявлено, что его можно бесплатно использовать как в личных, так и в коммерческих целях.
Да, TW Elements распространяется по лицензии MIT и прямо заявлено, что его можно бесплатно использовать как в личных, так и в коммерческих целях.Какие компоненты и дизайн-блоки входят в состав?Более 500 компонентов, таких как Datepicker, Modal, Carousel, Navbar, Accordion, Tabs, Timepicker, Tooltips и Toasts, а также 117+ готовых дизайн-блоков для таких элементов, как формы входа и галереи.
Более 500 компонентов, таких как Datepicker, Modal, Carousel, Navbar, Accordion, Tabs, Timepicker, Tooltips и Toasts, а также 117+ готовых дизайн-блоков для таких элементов, как формы входа и галереи.Есть ли поддержка тёмной темы из коробки?Да, каждый компонент поставляется со встроенной поддержкой тёмной темы, а также с простыми возможностями настройки оформления и кастомизации.
Да, каждый компонент поставляется со встроенной поддержкой тёмной темы, а также с простыми возможностями настройки оформления и кастомизации.Чем это отличается от Tailwind UI?В отличие от платных наборов компонентов Tailwind UI, TW Elements полностью бесплатен и распространяется по лицензии MIT, что сделало его одним из самых популярных сторонних UI-наборов для Tailwind CSS с более чем 13 тысячами звёзд на GitHub.
В отличие от платных наборов компонентов Tailwind UI, TW Elements полностью бесплатен и распространяется по лицензии MIT, что сделало его одним из самых популярных сторонних UI-наборов для Tailwind CSS с более чем 13 тысячами звёзд на GitHub.What are similar projects?daisyui, hyperui, mdb-ui-kit, tabler, chakra-ui, materialize, tamagui, galaxy
daisyui, hyperui, mdb-ui-kit, tabler, chakra-ui, materialize, tamagui, galaxyWhich topics is it in?tailwind-css, front-end-development, tailwind, uikit, design-systems, front-end, ui-kit, react-components, material-design, tailwindcss, component-library, vue
tailwind-css, front-end-development, tailwind, uikit, design-systems, front-end, ui-kit, react-components, material-design, tailwindcss, component-library, vue