create menu
proGet 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

