toolbar micro

A 1080 × 1080 motion study of micro-interactions on a dark, capsule-shaped design-tool toolbar: Move, Frame, Pen, Text, Hand and Comment. A cursor clicks each tool in turn and dips on every click; the frosted highlight pill springs after it with an overshoot, stretching as it travels; the picked icon plays its own little move (the square spins a quarter turn, the pen wobbles, the T drops and bounces, the hand waves, the bubble pops). Above the bar a small dark card follows the pill with a tail, its previews sliding past each other, and plays the tool live: a shape is selected with four amber handles and nudged, a frame is dragged out to 128 × 72 with its size tag, an amber pen curve draws itself through three anchors, "Hello" is typed after a blinking caret, a dotted canvas pans, a numbered pin drops with a "Looks great" bubble. Each card shows the tool's name and its shortcut key. HTML, CSS and SVG with React, every value computed from the loop time; Geist and Geist Mono, six Lucide icons, a stage that scales to fit any window, and frame-exact rendering (window.__render(t) and a ?rec mode).