Playground

Experiment with components in real-time. Adjust props, explore states and see how everything behaves.

Button

Interactive

Button Playground

Variant

Size

Label

Loading state

primary / medium

Layout

Change variant and explore composition patterns live

Product Card

This is a composable card with live variant switching.

User Profile

Jenny Makki

Frontend Developer

Action Required

Are you sure you want to continue?

Forms

Input Playground

EmailWe will never share your email

Error stateInvalid email format

Disabled

Live value

...

Overlay

Modal Playground

Click button to preview modal behavior (overlay, animation, layout)