Skip to content
Theme
Accent
Voice
SkillCase StudiesComponentsExamplesThemingBest PracticesPhilosophyGitHub ↗

This whole registry and philosophy is available as a Claude Code Agent Skill — install it and Claude builds UI with it directly.

Install the Skill →
Components · Button

Button

$ npx @dhruvchoudhary/dsgn add button

9 variants (primary/secondary/accent/glow/soft/outline/ghost/link/destructive) and 8 sizes, left/right icon slots, a non-reflowing loading state, and asChild composition via Radix Slot.

<Button variant="accent" size="md">Button</Button>

All variants & sizes

Accent
Voice
Corner radius

This is applied to the whole site live, not just this panel. Export it as CSS →