Skip to content

🎉 Rdn UI

一個基於 Vue 3 + TypeScript 的輕量 UI 套件。 靈感來自 Element Plus / Ant Design Vue / Vuetify 等優秀方案, 結合個人實戰需求進行重新設計,專注於 簡潔、靈活、可擴展,幫助你快速構建現代化前端應用。

✨ 為什麼選擇 Rdn UI?

  • 🚀 快速開發
    提供常用組件,開箱即用,無需額外配置。

  • 🎨 主題化設計
    支援 CSS 變數與 SCSS Token,輕鬆切換與自訂品牌風格。

  • 📦 輕量 & 易擴展
    元件結構簡單清晰,易於二次開發和組合。

  • 最新技術棧
    基於 Vue 3 + Vite 打包,支援 TypeScript 型別推導。

🔍 加強點

  1. 特色區塊:為什麼選這個庫(賣點清晰)。
  2. 快速開始:直接放安裝 & 使用範例,降低門檻。
  3. 元件清單:展示已完成/未完成,專案有未來感。
  4. 設計理念:讓人知道哲學(簡單 / 輕量 / 可擴展)。
  5. 未來規劃:逐步補齊更多元件,提升穩定度與易用性。

🛠️ 設計理念

  • 簡單:保持 API 清晰直觀,避免過度封裝。
  • 輕量:核心精簡,按需引入,避免冗餘依賴。
  • 可擴展:元件結構清晰,支援二次開發與自定義。

🚀 未來規劃

-[ ] 更完整的表單元件(Form、Select、DatePicker) -[ ] 主題切換(Light/Dark/自訂主題) -[ ] 更豐富的動畫交互體驗 -[ ] 文檔網站(基於 VitePress)持續完善


👉 開始使用: 快速開始


Released under the MIT License.