shadcn/ui — 1 個致力於只要 copy paste 就好的 UI 元件集合
覺得我們的內容實用嗎？ MyApollo 電子報讀者募集中！歡迎訂閱電子報!
shadcn/ui 是 2023 年 GitHub 蠻火紅的開放原始碼專案，它不像其他的 UI framework/library 那般，需要詳閱文件什麼的，它更像是把各種常用的 UI 元件程式碼分開打包好，當你需要的時候就安裝需要的元件，它就會自動在你的專案資料夾內新增相對應的元件程式碼，例如下列安裝 button 元件的指令：
$ npx shadcn-ui@latest add button
安裝好之後，我們就可以在專案資料夾內發現新的程式檔案，裡面就只有 Button 元件，然後我們就可以直接使用該元件，或者直接進行改造變成我們想要的樣子，如果重新打造是 0 開始到 100 完成，那 shadcn 大概是從 80, 90 開始，因為它基本已經使用 Tailwind CSS 確保它的美觀性，所以對開發者來說只要實作、處理相關的事件即可。
如果你今年有想打造 Side Project 的計畫，建議可以試試 shadcn ！
