component properties

A motion study of configuring a component in a design tool, with no tool's name or marks. On top sits the component, the Aura member card for Lena Hartmann (MEMBER PASS, NO. 0427 · STUDIO TIER, VALID 2027); below it a layers tree, and to its right three properties panels. A pointer selects the nested components one by one: each tree row turns into a purple pill, a connector draws out to its panel and the panel slides in. Then each property changes the card live. Flow: Enabled → Yes starts four colour blobs flowing under the text, and dragging Speed makes them faster. Shine: a slanted light sweep, turned round by Direction → Reverse and widened by Width. Tilt: a 3D sway, its text floating one way and the colours sinking the other, made bigger by Range. Then the pointer leaves and the view pushes in slowly on the finished card, out of black and back to black. HTML, CSS 3D transforms, SVG and Canvas 2D with React, no images, Host Grotesk and Geist Mono, a 1080 × 1080 stage that scales to fit any window, and frame-exact rendering (window.__render(t), window.__LOOP, window.__MANUAL).