Counter Carry Ripple

ui

Display-only numeric readout where change animates the way arithmetic works: only the digits that differ move, and a carry (199 -> 200) visibly ripples right-to-left across the columns it touches.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/counter-carry-ripple.json"

Sign In

Counter Carry Ripple

ui

Display-only numeric readout where change animates the way arithmetic works: only the digits that differ move, and a carry (199 -> 200) visibly ripples right-to-left across the columns it touches.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/counter-carry-ripple.json"

components/ui/counter-carry-ripple.tsx