Plaaayground
Design System
pg
A design system and component library built with React, Tailwind CSS, and Framer Motion. 78 components across 12 categories, designed with spring physics, contained gestures, and 44px touch targets.
Foundations6
pg
Brand8
DD Components5
UI Primitives30
Feedback7
Forms5
Data Display10
⌘
K
Interaction5
Board4
Workspace3
Layout2
Onboarding2
Overlay1
Cards4
Every component uses spring physics for interactions, respects prefers-reduced-motion, and meets the 44px minimum touch target. Elements emerge from blur — a signature pattern.