Altair
以宣告方式描述統計視覺化
元件
探索可重用的 UI 元件與設計系統資源。
81 個元件網站，附雙語介紹與官方連結。
AntV
探索圖形與關係視覺化的工具組
Apache ECharts
用設定物件建立互動資料圖表
ApexCharts
將資料序列轉成互動 Web 圖表
Chart.js
以 canvas 呈現常見網頁圖表
D3
以 JavaScript 控制資料與 DOM 圖形
Fractal
整理與展示介面元件文件
Highcharts
在 Web 應用整合互動資料圖表
Histoire
以故事展示 Vue 與 Svelte 元件
Ladle
為 React 元件建立開發故事
Nivo
以 React 元件呈現資料圖形
Polaris
參考電商應用的設計規範與元件
Semi Design
以 React 元件組成業務介面
Styleguidist
以範例程式展示 React 元件用途
Vega
以資料與標記規格定義互動圖形
Victory
以可組合元件描述 React 圖表
98.css
98.css 重現經典 Windows 視窗介面風格。
Aceternity UI
Aceternity UI 收錄帶有視覺動效的 React 元件。
Ant Design
Ant Design 收錄介面設計規範與元件文件。
Ariakit
Ariakit 專注於 React 互動元件。
Base UI
Base UI 提供可自行搭配樣式的 React 元件。
Bootstrap
Bootstrap 是前端介面框架，提供現成元件樣式。
Bulma
Bulma 是以 CSS 類別組成的介面框架。
Carbon Design System
Carbon 是 IBM 的介面設計系統。
Chakra UI
Chakra UI 提供 React 元件與樣式系統。
coss ui
coss ui 提供建於 Base UI 上的元件目錄。
daisyUI
daisyUI 在 Tailwind CSS 上提供元件類別。
Element Plus
Element Plus 是 Vue 介面元件庫。
Evergreen
Evergreen 提供 React 產品介面元件。
Fluent 2
Fluent 2 是 Microsoft 的介面設計系統。
Foundation
Foundation for Sites 提供響應式介面元件。
Framework7
Framework7 提供行動風格的前端介面元件。
gluestack UI
gluestack UI 提供 React Native 介面元件。
GOV.UK Design System
GOV.UK Design System 提供英國政府服務的元件與模式。
Grommet
Grommet 提供 React 元件與設計資源。
Halfmoon
Halfmoon 提供可切換色彩模式的前端樣式框架。
Headless UI
Headless UI 是可自行設計外觀的 React 與 Vue 元件庫。
HeroUI
HeroUI 提供 React 元件與範例文件。
Kobalte
Kobalte 提供 Solid 的無預設樣式元件。
Magic UI
Magic UI 收錄可複製的 React 介面元件。
Mantine
Mantine 提供 React 元件與表單等介面工具。
Materialize
Materialize 提供 Material Design 風格的 CSS 元件。
Melt UI
Melt UI 提供 Svelte 元件建構工具。
Milligram
Milligram 是精簡的 CSS 框架。
Material UI
Material UI 是 React 元件庫，按鈕文件提供多種視覺層級。
MVP.css
MVP.css 以語意 HTML 元素提供預設樣式。
NES.css
NES.css 提供 8 位元遊戲風格的 CSS 元件。
Onsen UI
Onsen UI 提供行動網頁介面元件。
Open Props
Open Props 提供可重用的 CSS 自訂屬性。
Oruga
Oruga 是 Vue 元件庫，可搭配不同 CSS 主題。
PaperCSS
PaperCSS 提供手繪紙張感的 CSS 元件。
PatternFly
PatternFly 提供產品介面的設計與開發規範。
Pico CSS
Pico CSS 以語意化 HTML 提供輕量介面樣式。
Preline UI
Preline UI 提供以 Tailwind CSS 撰寫的介面元件。
Primer
Primer 收錄 GitHub 產品介面的設計與實作資源。
PrimeVue
PrimeVue 提供 Vue 元件與主題。
Pure CSS
Pure CSS 提供輕量的響應式 CSS 模組。
Radix UI
Radix UI 提供可自行加上視覺樣式的 React 互動元件。
React95
React95 提供受 Windows 95 啟發的 React 元件。
Reka UI
Reka UI 提供 Vue 的無預設樣式互動元件。
Shoelace
Shoelace 提供可跨框架使用的 Web Components。
Simple.css
Simple.css 讓原生 HTML 元素有一致的基本排版。
Spectre.css
Spectre.css 提供介面元件的 CSS 樣式。
Tailwind CSS
Tailwind CSS 以 utility class 組合介面樣式。
Tamagui
Tamagui 提供 React 與 React Native 的介面元件。
UIkit
UIkit 是提供 CSS 與 JavaScript 元件的前端框架。
UnoCSS
UnoCSS 是按需產生 utility CSS 的工具。
U.S. Web Design System
U.S. Web Design System 提供美國政府網站的元件與指引。
Vanilla Framework
Vanilla Framework 提供介面樣式與元件文件。
Vuetify
Vuetify 提供 Vue 的 Material Design 元件。
Water.css
Water.css 是替語意化 HTML 補上基礎樣式的 CSS。
Zendesk Garden
Zendesk Garden 是 Zendesk 的元件與設計文件。
21st.dev
收集可作為產品介面起點的元件與實作素材。
Component Gallery
用來瀏覽與比較設計系統元件樣式的參考網站。
Cursify
探索自訂游標與指標互動效果的前端素材網站。
Fancy Components
收集前端介面元件與效果的實作參考。
Framer University Resources
為 Framer 製作流程整理的學習與資源入口。
Motion Primitives
為介面動態與轉場提供可組合元件的資源。
NumberFlow
讓數字變化以連續視覺方式呈現的介面元件。
React Bits
收集 React 元件、背景與文字效果的開源資源。
shadcn/ui
以可複製原始碼方式提供元件的 React 介面資源。