ζ༼Ɵ͆ل͜Ɵ͆༽ᶘ

10 мест, где вы можете получить бесплатные компоненты Tailwind CSS

1 комментов
23.04.2022
4 мин чтения

По мере роста экосистемы Tailwind CSS (Адам Ватан недавно сообщил, что Tailwind преодолел отметку в 2 миллиона загрузок в неделю), все больше и больше людей создают ресурсы, которые помогут вам делать аккуратные вещи с помощью этого замечательного фреймворка.

Одним из самых популярных ресурсов для Tailwind CSS являются библиотеки компонентов (например, пользовательский интерфейс Tailwind), которые могут помочь вам ускорить процесс разработки, предоставляя готовые элементы, которые вы можете добавлять непосредственно в свои проекты Tailwind.

Библиотеки компонентов, такие как Tailwind UI, отлично экономят время, но они также могут быть дорогими для многих, поэтому, чтобы помочь вам найти отличные альтернативы, не разоряя банк.

Готовы погрузиться? Давайте посмотрим на список!


Cruip Free Components

Cruip Free Components — это библиотека бесплатных CSS-шаблонов Tailwind и экспериментов с кодом, созданная командой разработчиков Cruip.com! Галерея включает в себя расширенный набор фрагментов из различных премиальных шаблонов, таких как информационные панели приложений, целевые страницы и веб-сайты. Это полностью функциональные фрагменты кода, которые можно использовать в любом проекте или приложении.


Tailwind Design

Tailwind Design — это великолепный пакет UI Kit, который включает в себя настраиваемые компоненты и элементы для создания адаптивных веб-приложений. Tailwind Design уникален, потому что он масштабируемый, простой в использовании, соответствует принципам Tailwind, имеет красивую компоновку и создан с учетом передового опыта современной разработки.


Gust UI

Не можете найти идеальный набор стилей для своего следующего веб-приложения? Сделайте это сами с помощью пользовательского интерфейса Gust. Gust UI — это CSS-галерея Tailwind, в которой представлены адаптивные компоненты, элементы и примеры страниц. Быстро применяйте существующие стили к своему приложению, не перегружаясь огромным количеством несвязанных стилей, собранных вместе. Удалите то, что вам не нужно, измените то, что вам нужно, и создайте приложение, которое подходит именно вам.


FloatUI

Float UI — это набор интерактивных компонентов и элементов пользовательского интерфейса, которые позволяют быстро разрабатывать веб-сайты и веб-приложения с помощью React. Пользовательский интерфейс Float создан с нуля с использованием чистого React, React Router и Tailwind CSS, чтобы предоставить все необходимое для создания красивого веб-сайта. Не требуется jQuery или сторонних плагинов.


Tailwind Awesome

Ищете самые крутые новые шаблоны и наборы пользовательского интерфейса для веб-сайта или веб-приложения? Tailwind Awesome — это тщательно подобранная коллекция лучших бесплатных ресурсов в Интернете. Команда этого проекта постоянно ищет новые темы, шаблоны, модули и наборы пользовательского интерфейса; так что у вас никогда не закончатся потрясающие вещи для использования с Tailwind CSS.


HyperUI

HyperUI — это бесплатная библиотека CSS-компонентов Tailwind с открытым исходным кодом. Все они настраиваются и готовы к использованию прямо из коробки. Получите бесплатный доступ к исходному коду и скопируйте/вставьте или загрузите свои любимые компоненты для простой интеграции в свой собственный веб-проект. Меняйте цвета, размеры шрифта, содержимое и многое другое.


a17t

a17t был создан из-за необходимости иметь расширяемый, атомарный и независимый от дизайна способ создания компонентов пользовательского интерфейса. Этот плагин является кульминацией нескольких месяцев работы и результатом многих дискуссий между двумя увлеченными людьми, которые спорят об идеальном подходе к CSS. Вы обнаружите, что этот плагин упрощает создание служебных классов Tailwind.


Kometa UI Kit

Комплект пользовательского интерфейса Kometa представляет собой набор компонентов пользовательского интерфейса на основе TailwindCSS. Вы можете использовать их как разделы Tailwind или просто как удобный набор элементов, чтобы оживить ваше приложение. Неважно, создаете ли вы панель администратора, SPA или просто веб-сайт — эти разделы станут неотъемлемой частью вашего набора инструментов и сделают ваш рабочий процесс намного лучше.


Tailwind Toolbox

Tailwind Toolbox — это набор полезных начальных шаблонов с открытым исходным кодом, компонентов, удобных наборов для сборки, генераторов, плагинов и инструментов, которые помогут начать любой CSS-проект Tailwind. Почти все на этом сайте имеет открытый исходный код и доступно для использования в ваших проектах, поэтому, если вы хотите создать что-то с помощью Tailwind, для чего вам нужен настраиваемый шаблон, то этот сайт для вас.


Headless UI

Нужно что-то простое, быстрое и плоское? Headless UI — это коллекция совершенно не стилизованных, полностью доступных компонентов пользовательского интерфейса, которые вы можете использовать любым способом по своему выбору. Все, от кнопок и заголовков до меню, радио и переходов, для каждого найдется понемногу. Это несвязанные компоненты — просто добавьте свою изюминку, чтобы сделать их своими!

3
Сегодня
День улёта