Prompt library

Motion & Animation Prompts

Prompts for UI motion, logo animation and scroll-driven sequences with exact durations and easings.

Good motion prompts give numbers: durations in milliseconds, easing curves, stagger delays and what happens when the user prefers reduced motion. These prompts make those decisions explicit.

• Loading, Skeleton & Progress StatesDesign honest loading feedback for every wait length: instant, short, long and unknown, with skeletons, progress and timeouts.ChatGPT · Claude · Gemini
• Logo Reveal Animation BriefPlan a 2–4 second logo animation with frame-accurate timing, easing and sound cues, ready for After Effects, Lottie or CSS.ChatGPT · Claude · After Effects
• Scroll-driven Storytelling SectionCreate a scroll-triggered sequence that reveals a product story step by step using CSS scroll-driven animations with a JavaScript fallback.Claude · ChatGPT · Cursor
• UI Motion System SpecDefine a consistent motion language for a product: duration and easing tokens, choreography rules, and patterns for common transitions.Claude · ChatGPT · Gemini

Other prompt categories

• Web Design
• Visual Effects
• Interaction
• Video Editing
• Camera Moves
• Image Generation
• Writing
• Industry
• Idea → Prompt: expand your own idea into a detailed prompt