Introduction
dami/ui is a personal design system built on shadcn/ui. It is the starting point for every new project.
What it is
Every component here is a copy of a shadcn/ui primitive with the system’s tokens and a few opinionated tweaks applied: pill buttons, larger radii, softer shadows, Apple-style type, and status colours for badges. You own the code once it is installed, so nothing here is a black box.
The system is published as a shadcn registry. A new project pulls components straight from this site with the shadcn CLI, and updates flow the same way.
Principles
Type carries the hierarchy. Large, tight, semibold headlines. Secondary clauses drop to the muted colour instead of getting smaller.
Surfaces are soft. A warm-grey page, white cards, hairline borders and low-contrast shadows. Nothing is heavy.
Corners are generous. One radius token drives the whole scale. Media sits in big rounded frames.
Actions are pills. Primary buttons are fully rounded, near-black, with a trailing arrow when they lead somewhere.