Tag · 3 guides
UI
Every guide tagged ui, sorted by most recent.
Enter and Exit: The First Motion to Get Right
The four ways an element can arrive on screen, when to use each, and the one rule that makes them feel native: exits run faster than entrances. Includes an interactive demo you can replay.
Hover and Press: Make the Interface Answer Back
Micro-feedback is the cheapest motion with the highest payoff. Hover lifts, focus rings, and a press that scales down all tell the user the interface heard them. Includes a live demo.
Scroll Reveal: Motion That Earns Its Place
Fade-and-rise on scroll is the most overused effect in AI-generated sites. Here is how to do it with restraint: trigger once, animate transform and opacity only, and never block content. Includes a live demo.