Motion Labshadcn
Animate anything. Accessibly.

A single-page playground showing how shadcn/ui + Framer Motion + Tailwind can build rich, accessible micro-interactions without the mess.

WebGPU Optional 60fps Canvas Scroll-linked
Live Showreel
  • Micro-interactions
    Hover, focus, press — all with motion.
  • Workers
    Offload heavy UI math off the main thread.
  • Scroll-linked
    Use useScroll to sync content and motion.
Tip: Turn on Reduce motion in settings to see graceful degradation.
Staggered List
  • Framer Motion1
  • Shadcn/UI2
  • Tailwind 43
  • ARIA & A11y4
  • Workers5
  • Canvas6
  • Scroll7
  • CommandK8
  • Toasts9

Command Palette

Search for a command to run...