v3.0 正式發布 v3.0 Now Available

打造現代化深色科技界面 Build Modern Dark Tech Interfaces

企業級深色科技主題 UI 設計系統與元件庫。純 HTML、CSS 和 JavaScript，無框架依賴，即插即用。 Enterprise-grade dark tech-themed UI design system and component library. Pure HTML, CSS, and JavaScript. No framework dependencies, plug and play.

開始探索 Get Started 查看文檔 Documentation

0 UI 元件 UI Components

0 頁面範例 Page Templates

0 響應式設計 Responsive

核心特色 Core Features

為開發者打造的設計系統 Design System Built for Developers

完整的設計規範、可重用元件和最佳實踐，助您快速構建專業級應用。 Complete design specifications, reusable components, and best practices to help you build professional applications quickly.

極速效能 Lightning Fast

純 HTML + CSS + 最小化 JavaScript，無框架依賴，極速載入與執行。 Pure HTML + CSS + minimal JavaScript. No framework dependencies, ultra-fast loading and execution.

OKLCH 色彩系統 OKLCH Color System

採用現代 OKLCH 色彩空間，提供更一致的視覺感知和更豐富的漸變效果。 Modern OKLCH color space for more consistent visual perception and richer gradient effects.

響應式設計 Responsive Design

從手機到大螢幕桌面，4 個斷點完美適應各種螢幕尺寸。 From mobile to large desktop, 4 breakpoints perfectly adapt to all screen sizes.

30+ 元件 30+ Components

按鈕、卡片、表單、表格、模態框等精心設計的可重用元件。 Buttons, cards, forms, tables, modals, and more meticulously designed reusable components.

深色/淺色主題 Dark/Light Theme

專業深色主題搭配發光效果，同時支援淺色主題切換。 Professional dark theme with glow effects, plus light theme support.

PWA 支援 PWA Support

完整的 Progressive Web App 支援，可安裝、離線使用。 Full Progressive Web App support, installable and works offline.

產品展示 Product Showcase

豐富的頁面範例 Rich Page Templates

包含儀表板、專案管理、日曆、看板等 19 個完整頁面範例。 Includes dashboard, project management, calendar, kanban, and 19 complete page templates.

專業儀表板 Professional Dashboard

包含 KPI 卡片、數據表格、圖表視覺化的完整儀表板範例。 Complete dashboard with KPI cards, data tables, and chart visualizations.

即時數據展示Real-time data display
互動式圖表Interactive charts
響應式表格Responsive tables

JavaScript 功能展示 JavaScript Features Showcase

完整的 Web API、Canvas、WebGL、WebSocket 等現代 JavaScript 功能演示。 Complete demos of modern JavaScript features including Web API, Canvas, WebGL, WebSocket, and more.

ES2024+ 特性ES2024+ Features
Web WorkersWeb Workers
Three.js 3DThree.js 3D

為什麼選擇我們 Why Choose Us

開發者友好的設計 Developer-Friendly Design

無框架依賴 No Framework Dependencies

純靜態檔案，可與任何技術棧整合 Pure static files, integrates with any tech stack

CSS 變數 CSS Variables

輕鬆自訂顏色、間距等設計參數 Easily customize colors, spacing, and more

無障礙設計 Accessibility

語意化 HTML 與 ARIA 標籤支援 Semantic HTML and ARIA labels support

MIT 授權 MIT License

免費用於商業和個人專案 Free for commercial and personal projects

開發者評價 Developer Reviews

來自社群的聲音 Voices from the Community

這個設計系統讓我的專案開發速度提升了至少 50%。深色主題非常專業，發光效果也恰到好處。 This design system has boosted my project development speed by at least 50%. The dark theme is very professional, and the glow effects are just right.

Alex Chen

Frontend Developer

無框架依賴是最大的優點，可以直接整合到任何現有專案中。OKLCH 色彩系統也很先進。 No framework dependency is the biggest advantage. It integrates directly into any existing project. The OKLCH color system is also very advanced.

Sarah Wang

Full Stack Developer

響應式設計做得非常好，從手機到桌面都有完美的體驗。JS 功能展示頁面也非常實用。 The responsive design is excellent, providing a perfect experience from mobile to desktop. The JS features showcase page is also very practical.

Mike Liu

UI/UX Designer

定價方案 Pricing Plans

簡單透明的定價 Simple, Transparent Pricing

開源免費，MIT 授權。選擇適合您的支援方案。 Open source and free with MIT license. Choose the support plan that suits you.

社群版 Community

免費 Free

適合個人專案和學習使用 Perfect for personal projects and learning

所有 UI 元件All UI Components
所有頁面範例All Page Templates
MIT 授權MIT License
社群支援Community Support

立即使用 Get Started

專業版 Professional

$49/mo

適合團隊和商業專案 Perfect for teams and commercial projects

所有社群版功能All Community Features
優先技術支援Priority Support
私人 Discord 頻道Private Discord Channel
優先功能請求Priority Feature Requests

聯繫我們 Contact Us

企業版 Enterprise

客製 Custom

大型團隊和企業需求 For large teams and enterprise needs

所有專業版功能All Professional Features
專屬客戶經理Dedicated Account Manager
客製化開發Custom Development
SLA 保證SLA Guarantee

聯繫銷售 Contact Sales