Bits
UI patterns you can lift into a design system.
7 demos
01
Design Interaction
Animated Avatar Stack
Compact avatar stack with tidy hover motion, hierarchy, and sensible layering.
Explore
02
Design Interaction
Interactive OTP
OTP input with paste support, keyboard-first flow, and accessible error feedback.
Explore
03
Design Interaction
Card to page transition
Card-to-detail navigation using Astro View Transitions with shared-element continuity.
Explore
04
Design Interaction
Interactive Folder
Expandable folder pattern with clear open/close affordances and deliberate motion.
Explore
05
Design Interaction
Progressive Input stack
Progressive disclosure form pattern with focus management and minimal cognitive load.
Explore
06
Design Interaction
Warp Overlay
Origin-aware overlay transition designed for perceived performance and clarity.
Explore
07
Design Interaction
Autofill
Async autofill loading UI with calm skeleton cadence and reduced-motion support.
Explore