command k
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A keyboard-first motion piece in dark frosted glass over a faint app, on a 1080 × 1080 stage that scales to the window, looping every 11 seconds. ⌘K is pressed and the glass Search chip itself morphs into a command palette while the app dims, and six commands rise in one by one. "i", "in", "inv" are typed: the rows that stop matching fade and collapse while the rest slide up, the matched letters turn white and the counter rolls 6 → 5 → 4 → 1 result. Enter grows the selected row into an Invite friends page, its label flying up to become the page's title as a shared element, and the page's content rises row by row from a blur. An email is typed, Enter turns it into a chip, Maya Chen's Add switches to Invited and "3 → 2 invites left" rolls. Esc fades the content and shrinks the page back into the chip. A keycast at the bottom shows each key as it is pressed. Everything is one pure render(t) function writing inline styles, so any frame can be drawn on its own (window.render(t), window.__RENDERING__, ?rec); quintic-out entrances, cubic in-out moves, no springs. Geist and Geist Mono, inline SVG 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
- command palette
- search
- shared element transition
- morph
- filter list
- rolling counter
- typing animation
- invite form
- email chip
- keycast
- glass
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
fonts
Geist, Geist Mono
Free fonts, linked in the prompt.
colors
- #050506
- #F4F4F6
- #1A1A1E
- #3A3A42
- #0B0B0D
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

