dui
OfficialBuild polished UIs with DUI components
Authordeepfuturenow
Version1.0.0
Installs0
System Documentation
What problem does it solve?
DUI provides a cohesive, design-token driven UI framework built on Lit web components, enabling teams to rapidly assemble accessible, consistent interfaces with less boilerplate.
Core Features & Use Cases
- Component catalog: leverage 57 component families to assemble dashboards, forms, and UIs with consistent theming.
- Theming & tokens: apply a 4-primitives OKLCH color system and design tokens for scalable theming and dark mode.
- Inspector workflows: utilize runtime inspection and mutation workflows when @dui/inspector is available to prototype and export changes.
- End-to-end UI patterns: compose real-world blocks (cards, charts, maps, data tables) using a standardized component set.
Quick Start
Install DUI in your project and start importing the needed components, e.g. import "@deepfuture/dui-components/button" to begin using dui-button.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dui Download link: https://github.com/deepfuturenow/dui/archive/main.zip#dui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.