Micro Interactions
Fully working — just click, tap, and interact.
Tiny details that create delight and improve usability. Each one is designed with subtle motion, soft gradients, and smooth easing — balancing personality with clarity.
3. Button
1. Toggle
A capsule-style toggle with glowing highlights and spring easing. Tapping creates a tactile, playful response while clearly signaling the state.
Card opens and close with a smooth height + opacity transition, while content inside shifts with a gentle parallax effect — making the motion feel physical and grounded.
4. Card Expand/Collapse
Expands smoothly on tap, swapping text with a subtle crossfade. A semi-transparent glow band sweeps across the surface, adding a sense of depth and motion.
A glassy slider with a liquid water-drop thumb that stretches into an oval while dragging and gently returns to a circle when released. Smooth, fluid transitions and soft highlights give it the playful, satisfying feel of moving a real droplet across the surface.
2. Slider