TailGrids 是现代 Tailwind CSS UI 库,包含 600 多个高质量 Tailwind CSS UI 组件和块,专为现代网站、登陆页面、Web 应用程序、仪表板、电子商务等而精心设计。该库包含您期望从顶级 UI 库获得的所有基本 UI 组件和元素,确保一致的设计和易于使用、示例模板、HTML、React 和 Vue 的复制粘贴组件。
TailGrids 的免费开源版本提供了 200 多个 UI 组件以及所有核心组件,使其成为个人和商业项目的宝贵资源。请随意使用它,并且不要忘记通过为此存储库加注星标来支持和激励我们的团队。
确保在 TailGrids NPM 包之前安装了 Node.js 和 Tailwind CSS。以下是帮助您开始使用 Tailgrids 的快速指南:
1.安装TailGrids NPM包:
npm i tailgrids
2. 将 TailGrids 插件添加到tailwind.config.js
文件中:
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;
3. 浏览组件,然后将您喜欢的组件复制并粘贴到您的项目中。
就是这样!您已准备好开始在项目中使用 TailGrids。快乐编码!
您可以一直支持这个项目并通过主演来激励我们吗?这个存储库并与朋友分享。如果您喜欢该库,请考虑购买专业版
(2024 年 8 月)
(2024 年 5 月)
(2023 年 10 月)
(2023 年 2 月)
(2022 年 3 月)
我们专注于通过 Figma 集成和新模板来增强您的设计体验。
(2022 年 2 月)
旅程开始了!我们推出了具有强大组件和模板基础的 TailGrids。
TailGrids 核心版本 100% 免费!并且是开源的,您可以将它用于您的个人或商业项目。