21st
2
21st
簡介 :
21st.dev是一個開源的React UI組件社區註冊表,任何人都可以發佈最小的Tailwind & Radix UI組件,並通過npx shadcn命令安裝任何組件。它受到shadcn/ui的啟發,旨在為設計工程師提供一個大型的組件、模塊和鉤子的市場。
需求人群 :
目標受眾主要是設計工程師和前端開發者,他們需要快速、高效地在項目中集成高質量的UI組件,以提升開發效率和用戶體驗。對於希望在項目中使用Tailwind和Radix UI的開發者來說,21st.dev提供了一個豐富的組件庫,可以節省大量的時間和精力。
總訪問量: 474.6M
佔比最多地區: US(19.34%)
本站瀏覽量 : 77.3K
使用場景
開發者可以在21st.dev上找到並安裝如shadcn/ui/accordion等組件,快速為自己的Web項目添加交互式的手風琴效果。
設計工程師可以發佈自己創建的Tailwind主題組件,與其他開發者共享,促進社區的繁榮。
前端團隊可以利用21st.dev上的組件快速搭建原型,加速產品設計和開發流程。
產品特色
支持純React組件、Next.js客戶端組件、TypeScript、Tailwind主題與自定義配置、自定義全局CSS樣式、RadixUI及其他npm依賴
允許用戶通過簡單的npx shadcn命令快速安裝組件,自動創建必要文件並擴展Tailwind主題
提供詳細的文檔和安裝指南,方便用戶快速上手
鼓勵發佈TypeScript組件,雖然JS支持目前尚未經過測試
擁有活躍的開源社區,用戶可以自由貢獻組件,共同推動項目發展
使用教程
1. 訪問21st.dev網站,瀏覽可用的組件。
2. 選擇需要的組件,複製對應的npx shadcn命令。
3. 在項目根目錄下運行該命令,組件及其依賴將自動安裝,Tailwind主題也會相應擴展。
4. 根據需要,可以進一步自定義組件的樣式和行為。
5. 將組件集成到項目中,開始使用。
AIbase
智啟未來,您的人工智能解決方案智庫
© 2025AIbase