Full Stack Tools

{ Full Stack Tools }

  • 工具
  • 文章
  • 聯繫我們
  • 請我喝杯咖啡

Full Stack Tools
{ Full Stack Tools }
Powered by Pynovate Studio

熱門服務

  • GitHub
  • Vercel
  • Supabase
  • Tailwind CSS

致謝

  • Cloudflare
  • Next.js
  • Supabase
  • Pynovate Studio

語言

      中文(繁體)
      English
      Español
©2024 版權所有隱私策略
/UI 模板與組件
/TW Elements
TW Elements
TW Elements

使用Tailwind CSS重新創建的Bootstrap組件,但設計更佳,功能更多。

★★★★☆
免費開源

TW Elements 是什麼?

TW Elements 是一個龐大的免費開源 UI 組件、模板、部分及插件集合,用於 Tailwind CSS。特色包括暗黑模式和主題定制選項。

TW Elements

特色

頂級品質的開源 UI 套件

  • 500+ UI 組件
  • 超簡單,1 分鐘安裝
  • 易於主題化和定制
  • 免費寄存

節省您時間的關鍵組件

一系列注重最小細節的驚人組件。表單、卡片、按鈕以及其他數百個元素 – 在 Tailwind Elements 中,您將找到每個項目所需的所有基本元素。

易於主題化

使用 TW Elements,為您的項目添加暗黑模式就像兒戲一樣。使用 tailwind 的類別結合暗黑變體,您可以輕鬆地將任何網站與兩個主題整合。我們在所有組件中預設包含了暗黑主題變體!

此外,如同在任何 tailwind 項目中一樣,可以通過覆寫項目的顏色調色板、類型比例、字體、斷點、邊框半徑值等,透過 tailwind.config.js 配置文件自定義默認主題。

一個讓您的項目脫穎而出的設計系統

厭倦了默認的 Material Design,但仍想利用 Google 標準的潛力?TW Elements 的設計系統,稱為 Material Minimal,是您的完美選擇 – 它結合了 Material Design 的最佳特性,但增添了細膩、優雅和獨特的味道。

自定義您想要的任何東西

組件、導航、表單 – TW Elements 提供了一個易於使用的 API,允許您根據自己的需求和品味自定義一切。

我們允許自定義嵌套在高級組件內的所有元素的類別。對於選項甚至圖標也是如此。我們完全自由選擇項目中的圖標集。您甚至可以選擇幾個不同的庫,我們的組件將輕鬆顯示任何圖標。

社區支持

我們的源代碼是公開可用的,項目管理也是如此。我們感激每一個提交的問題或功能請求。多虧了這一點,我們可以不斷發展和提高我們 UI KIT 的質量,與您一起!

現在就試試

您可能也想嘗試:

Tailwind CSS

Tailwind CSS

★★★★★

一個以實用為首的CSS框架,包含了如flex、pt-4、text-center和rotate-90等類,可以組合使用,直接在你的標記中構建任何設計。

Tailspark

Tailspark

★★★★★

使用 Tailwind CSS 構建的美觀組件與模板。

Uiverse

Uiverse

★★★★☆

適用於任何項目的開源用戶介面元素。

Tailwind CSS Buttons

Tailwind CSS Buttons

★★★★☆

一個包含複製與粘貼 Tailwind CSS 按鈕的獨特集合。

Tailwind Awesome

Tailwind Awesome

★★★★☆

發現最佳的Tailwind模板和UI套件。

HyperUI

HyperUI

★★★★☆

免費開源的 Tailwind CSS 組件。