HackMD
Tailwind 元件庫
在寫網頁或開發其他軟體的時候，這邊整理了一些元件庫和元件，優缺點也順便列一下：
元件庫介紹
元件
- 尚無內容
純 Tailwind 元件庫
Tailwind UI
Tailwind UI 是官方的元件庫，而官方元件庫的元件就不少了，可能很多人也會想說：
搋兔 Tryto 「啊 tailwind 既然這麼好用，那它怎麼不收費」
沒錯 ，它就是這麼好用還不收錢，其實它有收費機制，只是它是有繳會員費 (我看好像是永久的) 的話，就可以存取元件庫裡的所有元件，但是也有分等級的，比如說：
-
Application UI 會員方案
- 會費 $149 USD
- 可以存取 Application UI 類 的所有模組
- 可免費存取新上市的 Application UI 類模組
- 可加入官方的 Discord 伺服器問問題
- … 還有其他的…
-
Marketing 會員方案
- 會費 $149 USD
- 可以存取 Marketing 類 的所有模組
- 可免費存取新上市的 Marketing 類模組
- 可加入官方的 Discord 伺服器問問題
- … 還有其他的…
-
Application UI + Marketing 的終極方案
- 會費 原
$289，現在 $249 USD - 可以存取所有模組 ( Application UI + Marketing )
- 可免費存取所有新上市的模組 ( Application UI + Marketing )
- 可加入官方的 Discord 伺服器問問題
- … 還有其他的…
- 會費 原
但是不用覺得煩惱，官方不是所有的原件都是付費的， 也有很多免費的元件 ，要錢的通常都是比較商業用途一些的設計，簡單常用的設計都還是免費的。
接下來這個東西，就是要獻給認真看到這裡的你！因為可能剛剛在 Tailwind 官方元件庫看到喜歡的模組但卻不是免費的 
，那你就要來看看 Tailblocks 啦~
Tailblocks
Tailblocks 是第三方的元件庫，是一群熱愛 tailwind 的人一起在 github 弄出來的專案，他網站裡面有很超過 60 種的模板供你挑選，其中也有一些是 tailwind 官方收費類型的模板，他們也有做出來，只是是他們自己的風格，不是官方的，然後他們也很貼心地做出了 檢視原始碼 ，甚至程式碼連框都不用框，直接上面有 一鍵複製 XD。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
那有好心人士也可以贊助一下 taiblocks 的開發者，這邊幫你附上他的網站 。
Tailwind Components
Tailwind Components 也是第三方的元件庫，有很多國外的作者會一直上傳自己做的最新的 Tailwind UI 樣本。Tailwind Components 同樣也有 檢視原始碼 和 一鍵複製 的功能，而且分類還非常的詳細哦， 目前最推的是去這裡找你想要的樣式。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Tailwind Kit
Tailwind Kit 也是第三方的元件庫，目前元件數量還算不多，但分類蠻細的，一個分類進去後還有分成不同用途的原件。一樣都有提供原始碼直接讓你複製，但值得一提的是它的某些 元件有提供深色模式的功能 在裡面，也可以直接切換看效果，網站也還有提供 寫好的 tailwind 網頁範例模板 讓你複製去修改。
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
整合式 Tailwind 元件庫
Headless UI
–
daisy UI
daisyUI 是
兔兔教元件庫
我們可能有計畫會發展出自己的元件庫，但這件事有待商討，只是兔兔一意孤行而已。
搋兔 Tryto你也可以當作是愚人節企劃哦XD
