Galaxy/Uiverse:3,802個UI片段查核,MIT商用、舊快照與產品化界線
逐檔計數固定GitHub快照的3,802個HTML、11分類;釐清MIT聲明、CSS外觀與實際功能、無障礙及Uiverse網站同步限制,作為AI Coding的局部UI素材庫。
Galaxy值得收藏為UI視覺片段庫,不是完整前端框架或已驗證的產品元件系統。固定GitHub快照實際有3,802個HTML檔、11個分類,MIT允許商用與修改,但仍須保留授權要求的聲明;漂亮的登入或付款表單不代表已有認證、驗證或支付功能。[2][3][4][5]
原帖與來源範圍
prompt_case在Threads以「14K+星星、3000+免費前端組件」介紹Uiverse.io旗下Galaxy,主張CSS/Tailwind片段可直接複製,涵蓋按鈕、卡片、輸入、開關、載入與提示等類型。附圖是GitHub README截圖,含Uiverse展示與3000+介紹,不是效能或跨瀏覽器測試結果。[1]
本次已讀原帖及附圖;既有Chrome展開後未載出實質原帖回覆,不能把頁面上相關推薦串當成留言,coverage為partial。Uiverse平台當次遭Cloudflare阻擋,未取得即時目錄或互動預覽;本篇以可讀的第一方GitHub文件、tree與抽樣HTML為依據,不宣稱已驗證網站目前全部功能。[1][2]
Galaxy與Uiverse不是同一份即時清單
README將Galaxy定位為從Uiverse收錄的UI元素archive,建議到Uiverse視覺瀏覽,貢獻需先在平台送出並審核,直接對repo發PR不會被採納。這是專案描述的收錄流程,不等於已證實GitHub目前仍與網站持續同步。[2]
查核日為台北2026-10-26。當次HEAD固定為adbd2adde0a299a3956ea288fb444ec01891ca41,GitHub commit時間為2024-09-02;因此不能把這份repo快照視為已確認與2026年網站清單同步的副本。貼文的熱度與新分享日期也不等於repo剛更新。不能因舊快照而斷言網站已停止維護。[7]
3,802檔、11分類:計數定義很重要
對GitHub recursive tree以程式逐項計數,回傳truncated=false;僅計blob且副檔名為.html,不把README或LICENSE當元件。結果是3,802個HTML檔,分布如下。這是檔案數,不是已驗證視覺獨特、無重複或全部可正式上線的數量。[4]
- Buttons:1,231;Cards:726;loaders:718。
- Toggle-switches:260;Inputs:226;Forms:180。
- Checkboxes:171;Patterns:103;Radio-buttons:102。
- Tooltips:62;Notifications:23。
因此「3000+、11類」與本次快照相容;但不宜把平台搜尋結果、repo檔案數、獨立功能元件與安裝套件數混在一起。這裡是大量可參考的片段,不是3,802個已測試的React/Vue套件。[2][4]
「複製貼上可用」要拆成外觀與功能
本次抽讀Button、Form、Input與Loader四個HTML檔,能看到直接內嵌style的寫法;不能由四個樣本推出全庫都沒有外部資源、全部純CSS、完全不用Tailwind設定或不會產生樣式衝突。README也沒有提供全庫統一的相容性驗收報告。[2]
付款表單樣本含卡號、到期與CVV外觀欄位,Checkout是type=button;該片段未含付款處理、提交API或交易驗證。它適合看排版,不應拿來直接收真實卡片資料;本篇未輸入任何付款資料。[5]
輸入框樣本有label卻沒有for/input id綁定,CSS去掉outline並加入focus動畫,未見prefers-reduced-motion處理。這只是特定樣本的靜態觀察,不是全庫無障礙不合格的判決;正式採用仍應驗證可存取名稱、鍵盤focus、動畫偏好與實際瀏覽器行為。[6]
MIT商用:可用不等聲明可刪
README說repo的UI元素採MIT;LICENSE允許使用、修改、散布與出售副本,並要求在副本或實質部分保留copyright及permission notice,也明示不提供保證。README鼓勵的額外作者/網站署名,與LICENSE要求保留的授權聲明不是同一件事。[2][3]
編輯建議:把所採片段的作者、原始檔路徑、固定SHA與LICENSE一起存入專案third-party notices。MIT本身不能替未讀取的外部字型、圖片或其他資源提供額外權利;若選中片段還會載入這些資源,須另外檢查。本次沒有完成3,802檔的外部依賴與素材權利稽核。
給AI Coding的使用方式
編輯建議:不要讓Agent一次抄十種特效拼成介面。先選定產品字體、色彩、間距、圓角與互動規範,再挑一兩個片段,轉成專案自己的元件:命名隔離、替換design tokens、補狀態與事件、保留授權,再驗證鍵盤、觸控、手機寬度、長文字與reduced motion。
可以把它當「視覺靈感+局部原始碼」來源,搭配現有設計系統,而非取代完整表單狀態、驗證、安全、資料流與測試。若任務只是增加一個有特色的按鈕或loader,它的價值很直接;若是企業後台或可存取性要求高的介面,先選行為基礎再借造型,會比拼貼漂亮範例更可控。
本次完成與未完成
已完成去重、原帖與附圖保存、固定SHA、完整tree檔案計數、README/LICENSE與四個樣本的靜態閱讀;未下載執行全庫、未安裝套件、未對現有專案寫入元件,也未完成效能、無障礙、跨瀏覽器或安全驗收。收藏與文件查核不等於採用完成。
來源
- [1] https://www.threads.com/@prompt_case/post/De88gfKH1lU
- [2] https://github.com/uiverse-io/galaxy/blob/adbd2adde0a299a3956ea288fb444ec01891ca41/README.md
- [3] https://github.com/uiverse-io/galaxy/blob/adbd2adde0a299a3956ea288fb444ec01891ca41/LICENSE
- [4] https://api.github.com/repos/uiverse-io/galaxy/git/trees/adbd2adde0a299a3956ea288fb444ec01891ca41?recursive=1
- [5] https://github.com/uiverse-io/galaxy/blob/adbd2adde0a299a3956ea288fb444ec01891ca41/Forms/3bdel3ziz-T_helpless-wasp-32.html
- [6] https://github.com/uiverse-io/galaxy/blob/adbd2adde0a299a3956ea288fb444ec01891ca41/Inputs/0xnihilism_calm-baboon-55.html
- [7] https://api.github.com/repos/uiverse-io/galaxy/commits/adbd2adde0a299a3956ea288fb444ec01891ca41