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 · Card

Card

$ npx @dhruvchoudhary/dsgn add card

Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter.

Non-destructive by default

Pillar #3 of the philosophy.

Edits are modeled as an overlay over an untouched original, so undo is structural, not reconstructed after the fact.

36

Components

Accent
Voice
Corner radius

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