split bill
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A motion study of splitting a dinner bill, as one dark widget lit from inside: a near-black card with rounded corners glows iris violet from its bottom edge, with a hot rim, film grain and a soft bloom underneath. On a 12-second loop that plays by itself, the receipt for Dinner at Mercado counts up to $136.50 and its five items rise in, then You, Mira and Kai appear under it. A fingertip drags the tacos to You: a white chip arcs from the bill into the avatar, which pulses, a badge pops in on the row and the total updates. The rest fly on their own: the ceviche to Mira, the shared bottle of natural wine splits three ways as three glowing dots, the elote and churros to Kai, while every amount and the to-split count update live. Once everything is assigned the card brightens, the button fills white and glows with Request $96.50 from 2, it is tapped, reads Sent, and a toast confirms under the card. Everything is a pure function of time on a 1080 × 1080 stage that scales to fit any window, with window.__render(t) for frame-exact video export; the widget is a self-contained React component with its own clock input and no background, ready to sit on any surface or timeline.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- widget
- autoplay loop
- bill splitting
- flying chips
- live totals
- touch animation
- toast
stack
- react
- vite
- typescript
- svg
fonts
Inter
Free fonts, linked in the prompt.
colors
- #000000
- #050505
- #FBFAF8
- #8A6BFF
- #E2D6FF
- #E9E3FF
- #FFD9C7
- #C9ECFF
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license

