Balloon Numbers

Turn any number into a small bouquet of foil balloons. Each digit floats on a fixed-length tether, drifts in occasional gusts, softly collides with its neighbours, and gets out of the cursor’s way.

Feels like

Hover/Wind/Spring

Built with

React 19Tailwind v4

Steal it

npx shadcn@latest add https://1iad.com/r/balloon-numbers

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

Type up to 12 digits. Every digit becomes a separate foil balloon.
The strings stay fixed-length, with centred anchors spaced evenly along the floor.
The air is calm between brief gusts, and motion respects your reduced-motion preference.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

Balloon Numbers

Turn any number into a small bouquet of foil balloons. Each digit floats on a fixed-length tether, drifts in occasional gusts, softly collides with its neighbours, and gets out of the cursor’s way. Install: npx shadcn@latest add https://1iad.com/r/balloon-numbers

Live tuner

Balloons

Type a number. Each digit gets its own balloon, string, and a little room to drift.

Number

Up to 12 digits. Each one becomes a balloon.

Balloon size74px

Wind1.0×

Floatiness1.0×

Repel radius170px

Thread length160px

Bouquet spread1.14×

String colour

Cursor repel

Balloon Numbers009