oglet
freeThe prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.
A motion piece of a mobile sign-up screen with a crew. Oglet's sign-up form sits in a phone on warm paper, and five flat, hand-made characters live around it in inline SVG: a mustard scalloped cookie, a cobalt bean and a green spiky cyclops sun peek over the title, a pink wobble and an orange pebble rise from the bottom. They have white googly eyes with black pupils and thin black line mouths, and plus-shaped sparkles twinkle around them. An 18-second demo plays on a loop: a finger taps the fields and the whole crew looks at every tap and follows the text caret as "Mira" and "mira@studio" are typed. The email has no domain, so the field turns red and shakes, a hint appears and the crew flinches, shakes their heads, frowns, half-closes their eyes and sweats. ".io" fixes it: a green check pops in and they relax and smile. Nine password dots fill the strength bar, the button loads with a spinner and turns green, "Welcome aboard", the title blurs into "You're in, Mira!", and the crew hops three times with squash and stretch, eyes turned into happy arcs, grinning, blushing, with little hearts floating up. Googly pupils, hops, head shakes, leans and moods all run on springs, stepped every animation frame. The 1080 × 1080 stage scales to fit any window, and on portrait screens the phone fills the height; reduced motion shows the signed-up moment as a 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
- character
- form
- sign up
- mobile app
- validation states
- progress bars
- autoplay loop
- spring physics
stack
- react
- vite
- typescript
- svg
fonts
Outfit
Free fonts, linked in the prompt.
colors
- #E6E1D8
- #141218
- #F2B705
- #2B4BDB
- #2F9E57
- #F49AC1
- #EF6B2F
- #22C55E
license
Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.
read the license

