Labs

Interactive UI experiments

Inputs

Toggle

Animated on/off switch

Checkbox

Animated check with scale effect

Radio Group

Animated radio selection with layout animation

Slider

Range input with animated fill

Volume50%
Button

Sheen on hover, teal fill morphs to a checkmark on click

Tabs

Animated tab switcher with layout animation

Segmented Control

iOS-style segmented picker

Chips

Dismissible tags with layout animation

Rating

Interactive star rating

Input

Clean focus ring with springy validation check

Drag to Reorder

Sortable list with drag and drop

  • Design mockups
  • Build components
  • Write tests
Counter

Number input with animated transitions

0

Feedback

Tooltip

Animated hover tooltip

Toast

Notification that auto-dismisses

Progress

Animated progress bar with spring physics

Uploading...0%
Spinner

Various loading indicators

Skeleton

Loading placeholder with pulse animation

Layout

Accordion

Expandable sections with height animation

A simple accordion component with smooth animations.

Avatar Group

Hovered avatar lifts and scales while neighbors slide aside

A
B
C
D
E
+3

Animation

Card Flip

3D card flip animation

Click to flip
👋Hello!
Number Ticker

Animated counting number

1,000