type animator
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
The interface of a text animation tool on a 1920 × 1080 stage that scales to the window, dark with heavy Anton type and one yellow accent. On the left, six presets (Rise, Blur in, Stretch, Flip, Scramble, Wave), each card playing its own live mini preview, and the text with a Letters / Words / Lines switch. In the centre a grid stage plays the headline MAKE IT MOVE. letter by letter. Below it, Duration, Stagger and Easing controls with a slider and a live cubic-bezier curve; on the right an Export panel with CSS / React / HTML tabs, live CSS whose tokens flash when they change, and a Copy code button. A drawn pointer runs a 16-second seamless loop: the headline rises in, Stretch is picked, the stagger is dragged from 40 to 120 ms and the code updates and the headline replays, the easing becomes Back out and the curve and letters overshoot, Scramble flickers through random glyphs, Copy code rolls to Copied with a toast, and everything resets as the letters leave upwards. One pure render(t) writes inline styles, so any frame can be drawn on its own (window.__render(t), ?rec). Anton, 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
- text animation
- staggered letters
- animation presets
- live preview
- slider
- easing curve
- cubic-bezier
- code export
- copy to clipboard
- toast
- scramble text
- drawn cursor
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
fonts
Anton, Geist, Geist Mono
Free fonts, linked in the prompt.
colors
- #0B0B0C
- #141415
- #242426
- #F5F3EE
- #8C8A85
- #FFC233
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

