dsgnr.workKarthik S.UX + AI
← build/
Design system · 2025

dsgn.skin

A tiered design system built on shadcn/ui, Radix, and Tailwind: 41 components across four tiers with three themes and full docs. I use it to build my own sites.

Design systems · React · Documentationdsgn.skin
Screenshot: dsgn.skin

what it is/

A token-driven component library organised into four tiers, with Getting Started, installation, and theme-customisation docs, and three themes.

why tiers/

Tiering lets the system scale from primitives to composed patterns without collapsing into a flat dump of components.

what i did/

The components stand on shadcn/ui, with Radix and Tailwind underneath. What is mine: the four-tier architecture, the token system, the three themes, the documentation, and shipping it as a published system. I did not build the primitives, and naming that matters more than claiming it.

learnings/

Building a system for an audience of one (me) first is the fastest way to find the seams. This portfolio runs on it.