wake bot

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A character motion study of an alarm that won't give up, on a 16-second loop. On a dark stage sits a rounded glass alarm card: "Alarm · 3rd ring" and "Wed 11 Nov" in small JetBrains Mono capitals, 07:00 in dots of light on a dot-matrix grid, a frosted "Snooze · 9 min" button and a white "Stop" button, with violet light rising from the bottom of the card. Behind the glass floats a glowing purple blob bot with soft white eyes. It says "Good morning!" and "Time to get up." in a frosted speech bubble, swells and shouts "WAKE UP!", narrows its eyes ("Seriously?"), turns red ("Okay. Coming out there."), backs away and lunges at the glass. At the hit the card flashes and shakes, cracks spread from the impact, the bot is squashed flat with > < eyes, and the clock's 70 dots are thrown off and fall into a pile at the bottom of the card. Dizzy with spiral eyes, then scared blue and sweating ("Oh no."), it shrinks and carries the dots back one by one, left to right ("Fixing it, fixing it…"), the cracks fade, and it blushes and looks away ("Nothing happened.") before asking "So… wake up?". HTML, CSS and two 2D canvases with React, no images, Geist and JetBrains Mono, a 1080 × 1080 stage that scales to fit any window, and frame-exact rendering (window.__render(t), window.__LOOP, window.__MANUAL).

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

  • character
  • alarm
  • speech bubble
  • dot-matrix clock
  • glass crack
  • physics
  • mood colours
  • eye expressions
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • canvas

fonts

Geist, JetBrains Mono

Free fonts, linked in the prompt.

colors

  • #08070C
  • #0B0912
  • #7A58FF
  • #D478FF
  • #FF4842
  • #5C8AFF
  • #F6F3FF
  • #150F2B

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