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% 免費!並且是開源的,您可以將它用於您的個人或商業專案。