跳至內容
CDGet
  • 首頁
  • 專案
  1. 首頁
  2. 全部專案
  3. Neba UI

Neba UI

函式庫設計

用來組建應用程式介面的 React 元件庫。按鈕、輸入欄、選單、對話框、表格與圖表共用同一組屬性,交付時即具備無障礙支援,不需主題檔就能跟隨深色模式。

主頁 (在新分頁中開啟)文件 (在新分頁中開啟)原始碼 (在新分頁中開啟)

關於這個專案

Neba UI 是用來組建應用程式介面的 React 元件庫。按鈕與輸入欄、選單與對話框、表格與分頁、圖表、進度與通知——真正的產品需要的元件都在其中,而且樣式已經定好、無障礙支援已經具備、彼此之間已經協調。介面是被組裝出來的,而不是被重新設計一遍。

每個元件都取自同一套詞彙。size、color、variant、density 與 elevation 在任何地方意義相同,所以中型控制項在任何元件上都是同樣的高度,主色在任何地方都是同一個顏色。角色、標籤、焦點管理與鍵盤操作住在元件裡面,而不是事後加上;深色模式不必寫任何東西就跟隨系統。它的外觀是一門設計語言而非一份主題檔:帶細邊的半透明表面、一種統一的動態,以及必須主動要求才會出現的陰影。

安裝是一個套件加一行 CSS。根層沒有 Provider,沒有要拼裝的主題物件,也沒有設定檔。這個套件僅提供 ESM,附帶 TypeScript 型別定義,而且是真正能搖樹優化的——每個元件都編譯成自己的模組,匯入一個按鈕大約就只付一個按鈕的代價。它執行在 React 18 或 19 上,帶兩個執行階段相依套件,而每個元件的文件配的都是真的會動的範例,不是螢幕截圖。

功能

  • 文件網站

  • TypeScript 型別

  • 多語言支援

  • 經測試驗證

  • 內建無障礙支援

  • 深色模式

  • 支援搖樹優化

專案資訊

始於
2026
授權
MIT (在新分頁中開啟)
程式語言
JavaScript
標籤
reactcomponent-librarydesign-systemtailwindcssaccessibility
套件
neba (在新分頁中開啟)npm
熱度
3
GitHub 星標
1,348
npm 下載量
Neba UI — npm 下載量, 最近 30 天
npm 下載量
7月31日6
8月1日134
8月2日16
8月3日9
8月4日18
8月5日130
8月6日114
8月7日18
8月8日12
8月9日17
8月10日9
8月11日16
8月12日149
8月13日14
8月14日0
8月15日9
8月16日5
8月17日3
8月18日3
8月19日12
8月20日15
8月21日1
8月22日0
8月23日9
8月24日139
8月25日17
8月26日9
8月27日125
8月28日13
8月29日326
最近 30 天
聯絡我們贊助
此處列出的專案皆以 MIT 授權條款開源。© 2026 CDGet. 保留一切權利。