Skip to content
native cook
Esc

Loading the catalog…

Price Glyph Scatter


A daily-budget card for a fictional trip planner, "Weekender", on a pale lavender page: a white card with a purple slider, the price at its right ("$180"), the $40 and $600 limits and a total for three nights, then three small tiles that split the day between food, transport and tickets. Dragging the thumb changes the price in $5 steps, and the price's glyphs scatter with the thumb's speed: each digit and the dollar sign leaves the baseline by its own amount, drifts a little against the motion and leans a few degrees, more the faster the thumb moves, then they settle back into a readable price with a small overshoot when the thumb stops.

Category
Forms
Added
Nov 8, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.