Бесплатные компоненты и блоки пользовательского интерфейса Tailwind CSS от TailGrids
TailGrids — это современная библиотека пользовательского интерфейса Tailwind CSS, содержащая более 600 высококачественных компонентов и блоков пользовательского интерфейса Tailwind CSS, идеально созданных для современных веб-сайтов, целевых страниц, веб-приложений, информационных панелей, электронной коммерции и многого другого. Эта библиотека включает в себя все основные компоненты и элементы пользовательского интерфейса, которые вы ожидаете от первоклассной библиотеки пользовательского интерфейса, обеспечивая единообразный дизайн и простые в использовании примеры шаблонов, компоненты копирования и вставки для HTML, React и Vue.
Ключевые особенности:
- Полная библиотека пользовательского интерфейса: TailGrids может похвастаться впечатляющим ассортиментом, насчитывающим более 600 компонентов и блоков пользовательского интерфейса Tailwind CSS.
- Поддержка нескольких фреймворков. TailGrids поддерживает несколько фреймворков — HTML, React и Vue, удовлетворяя широкий спектр потребностей разработки.
- Премиальное качество: наши компоненты имеют последовательный современный внешний вид, обеспечивающий высочайшее визуальное качество.
- Удобство для пользователя: благодаря простой функции копирования и вставки TailGrids ускоряет процесс разработки, экономя ваше время и усилия.
- Адаптируемость: TailGrids идеально подходит для различных приложений, включая современные веб-сайты, целевые страницы, веб-приложения, информационные панели, платформы электронной коммерции и многое другое.
- Доступная версия с открытым исходным кодом. Наша бесплатная версия предоставляет вам доступ к более чем 200 компонентам пользовательского интерфейса, а также ко всем основным компонентам.
- Примеры шаблонов: 14 универсальных и уникальных примеров шаблонов, доступных в HTML и React.
Бесплатная версия TailGrids с открытым исходным кодом предоставляет более 200 компонентов пользовательского интерфейса, а также все основные компоненты, что делает ее ценным ресурсом как для личных, так и для коммерческих проектов. Не стесняйтесь использовать его и не забудьте поддержать и вдохновить нашу команду, отметив этот репозиторий звездочкой.
Изучите все компоненты
? Посетите веб-сайт
? Документация
Установка через NPM
Убедитесь, что вы установили Node.js и Tailwind CSS перед пакетом TailGrids NPM. Вот краткое руководство по началу работы с Tailgrids:
1. Установите пакет TailGrids NPM:
2. Добавьте плагин TailGrids в файл tailwind.config.js
:
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;
3. Просмотрите компоненты и просто скопируйте и вставьте те, которые вам нравятся, в свои проекты.
И все! Все готово для использования TailGrids в вашем проекте. Приятного кодирования!
⚡ Получите ПРО версию
? Подробная документация и руководство по использованию
Реакция TailAdmin
TailAdmin Vue
?️ TailGrids Фигма
? Поддерживать
Вы всегда можете поддержать этот проект и вдохновить нас своим участием? Этот репозиторий и обмен с друзьями. Если вам нравится библиотека, рассмотрите возможность приобретения версии Pro.
Журнал изменений
Версия 2.2.1
(август 2024 г.)
- Добавлен таймер
- Добавлен выбор даты.
Версия 2.2.0
(май 2024 г.)
- Добавлено более 80 новых компонентов.
- Обновлено основное руководство по стилю.
- Переработана файловая структура.
- Улучшен плагин для уменьшения зависимостей.
- Обновлена версия CSS Tailwind вместе с другими зависимостями.
Версия 2.1.0
(октябрь 2023 г.)
- Введен темный режим.
- Полировка существующих компонентов.
- Включено несколько основных компонентов.
- Обновлены зависимые пакеты.
Версия 2.0.0
(февраль 2023 г.)
- В этом основном выпуске количество наших компонентов удвоено, введен темный режим, а также расширены наши компоненты и примеры шаблонов.
- Более 500 компонентов пользовательского интерфейса Tailwind (более 200 новых добавленных)
- 12 шаблонов (8 новых добавлено)
- Темный режим для всех компонентов
- Обновлен файл Figma с новыми компонентами пользовательского интерфейса.
- 2 шаблона электронной коммерции
- 90+ Продвинутый | Ядро, маркетинговые компоненты и компоненты пользовательского интерфейса приложения
- Более 50 компонентов пользовательского интерфейса информационной панели
- Более 100 компонентов электронной коммерции
Версия 1.1.0
(март 2022 г.)
Мы сосредоточились на улучшении вашего опыта проектирования с помощью интеграции Figma и новых шаблонов.
- 2 новых шаблона
- Источник Figma для компонентов пользовательского интерфейса
- Адаптивные кнопки / область просмотра
- Специальная галерея шаблонов
Первоначальный выпуск
(февраль 2022 г.)
Путешествие началось! Мы запустили TailGrids с прочной основой из компонентов и шаблонов.
- Начальные 300+ компонентов пользовательского интерфейса
- Два примера шаблонов
- Пакет NPM для версии с открытым исходным кодом
? Лицензия
Базовая версия TailGrids на 100% бесплатна! и с открытым исходным кодом, вы можете использовать его в своих личных или коммерческих проектах.
Компоненты пользовательского интерфейса