image

  • soonImage enhancerEnhance detail and image quality
  • soonBackground removerIsolate subjects from backgrounds
  • soonMockup generatorPresent designs in realistic scenes

effects

design tools

  • soonTypography generatorExplore expressive type layouts
  • soonPalette generatorFind colors that work together
  • soonGradient generatorCreate gradients for any project

split bill

pro

Get 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