AI CSS Animations

Badge Unlock Screen Animation

A mobile badge unlock screen built from a linked Figma frame: the 3D badge tilts toward the cursor with physical motion, then gold particles celebrate. Motion only; the design, assets and type come from Figma.

By Ritu @BThreeAgency Sep 26, 2026

Type
prompt
Made with
Claude Opus 5.5
Topics
Product UI · Phone · Particles · 3D

The prompt

Using the linked Figma frame build a badge unlock screen. Match the design exactly. Use the file's assets, lighting, type and layout and add only the motion. Animate the badge so it feels premium and celebratory. Build its scene and then celebrate with gold particles. Treat the badge as a solid 3D object that tilts toward the
cursor following the rules of physics. Keep it fast and smooth, it should not be bouncy.

Quoted from Ritu's post. The prompt belongs to its creator; credit them if you share it.

Found via Prompt Motion.

Similar prompts