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.

0 UI 元件 UI Components
0 頁面範例 Page Templates
0 響應式設計 Responsive

適用於各類現代應用 Perfect for Modern Applications

SaaS Dashboard Analytics AI Platform DevTools
核心特色 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
Dashboard Preview

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
JS Showcase Preview
為什麼選擇我們 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

0 JavaScript 程式碼行數 Lines of JavaScript
0 CSS 樣式檔案 CSS Stylesheets
0 JS 模組 JS Modules
0 響應式斷點 Responsive Breakpoints
開發者評價 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.

A

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.

S

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.

M

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

企業版 Enterprise

客製 Custom

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

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

準備好開始了嗎? Ready to Get Started?

立即探索完整的 UI 元件庫和頁面範例,開始打造您的下一個專案。 Explore the complete UI component library and page templates now. Start building your next project.