Overview
DottoUI is a small, craft-forward design system for playful interfaces, studio notes, shop moments, and cozy product surfaces: warm paper, navy ink, cornflower blues, sand accents, square-built details, and controls that feel tactile without getting loud.
It’s built on Tailwind v4 and the shadcn/ui component anatomy, so it drops
into an existing setup with familiar primitives (Button, Card, Input, …)
plus a small family of “dotto” pixel pieces.
What’s inside
Section titled “What’s inside”- Foundations — the color tokens, typography, and pixel utility recipes
(
pixel-corner,pixel-bordered,pixel-shadow). - Components — the shadcn-style primitives, each with a live demo and code.
- Dotto — the signature pixel pieces (
PixelGlyph,IconTile,StickyNote).
Head to Installation to get going, or jump straight to the Button.