library

effects

mcp

create menu

pro

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

A quick-create menu in dark frosted glass, on a 1080 × 1080 stage that scales to the window, looping every 8 seconds. Behind it is a workspace shown large: a pill sidebar and the Spring launch doc with its breadcrumb, Share button and three blocks. The cursor presses a pearl plus button, the plus turns into an × and the menu opens out of the button with a round notch cut for it: a "Create anything" search line with a blinking caret, Quick create in mono caps, then Note, Task, Event, Board and Import, each with a line under it and a ⌘ shortcut keycap. The rows slide in one after another while their icons draw themselves in stroke by stroke. A soft highlight springs from row to row after the cursor, Note, Task, Board, then Event; each icon tile turns white under it and does its own small move (the notebook tips, the tick draws, the shapes turn a quarter, the calendar wobbles). Event is clicked with a flash, the rows fade bottom first, the menu folds back into the button, and an "Event created · Edit lock · Wed 10:00" chip rises in over the doc with a back-out ease. Everything is one pure render(t) function writing inline styles, so any frame can be drawn on its own (window.render(t), ?rec); Geist and Geist Mono, Lucide icons, no images, a reduced-motion still.

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

  • create menu
  • quick actions
  • command menu
  • keyboard shortcuts
  • glass
  • frosted panel
  • notch mask
  • list highlight
  • stroke draw icons
  • icon micro-interactions
  • toast
  • cursor demo
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #0C0C0D
  • #111113
  • #FFFFFF
  • #D9DCE2
  • #9AA0AA
  • #121316

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