shadcn/ui — 1 個致力於只要 copy paste 就好的 UI 元件集合

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 !

shadcn/ui

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

追蹤新知

看完這篇文章了嗎?還意猶未盡的話,追蹤粉絲專頁吧!

我們每天至少分享 1 篇文章/新聞或者實用的軟體/工具,讓你輕鬆增廣見聞提升專業能力!如果你喜歡我們的文章,或是想了解更多特定主題的教學,歡迎到我們的粉絲專頁按讚、留言讓我們知道。你的鼓勵,是我們的原力!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!