hushbox
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A motion piece of a dark desktop mail client, on a stage of slowly drifting, heavily blurred colour blobs. One deterministic 15-second timeline plays the whole triage and loops seamlessly. Eight unread emails fade in next to the folders (Inbox, Priority, To reply, Bills, Updates, Archive). "Sort with AI" is pressed: it dips, turns into "Sorting…" with a spinner and a breathing violet glow, and a soft light sweeps down the list while every email gets its label (Priority, Reply, Bill, Update or Archive). Then, one every 0.72 s, an email lifts onto a card, shrinks into a compact label chip and glides along an arc into its folder; the folder lights up in the label's colour and nudges right, its counter grows, the unread count falls and the emails below slide up to close the gap. Noise leaves first (updates, archive), then bills, important mail last. "Sorted": an opened envelope with a green check rises in, "You're all caught up", and a "Focus for today" card the AI put together (sign the contract, reply to Alex, two bills due this week) fills in row by row. Then everything fades back and the loop starts again. It's all HTML and CSS driven by one animation-frame loop, with Solar line icons. The square stage scales to fit any window, the background runs on past it, and portrait screens zoom in to the mail window.
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
- mail client
- autoplay loop
- sidebar
- email list
- labels
- empty state
- card
stack
- react
- vite
- typescript
- svg
fonts
Geist, Geist Mono
Free fonts, linked in the prompt.
colors
- #05050A
- #14131D
- #3A24C4
- #C9B8FF
- #FF8A8A
- #7FD8B0
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

