Logo Animation
Minimal Line Draw-On Logo
The logo outline draws itself, then fills with colour.
⏱ 4 seconds
Motion Prompts
39 motion graphics prompts for Claude Code.
Paste a prompt into Claude Code, swap in your brand, and get an editable Remotion project plus a rendered video. Each card previews the style and timing to expect. Logo animations, kinetic text, social hooks, charts, product promos and transitions.
- Create a project. In an empty folder run
npx create-video@latest(pick the blank template). - Start Claude Code in that folder with
claude. - Paste a prompt, replace the
[PLACEHOLDERS], and let it build. Preview withnpm run dev. - Iterate: "make the reveal faster", "use my brand colours", then render the MP4.
Logo Animation
Glitch Reveal Logo
RGB-split glitch resolves into a crisp logo.
⏱ 3 seconds
Logo Animation
Particle Assemble Logo
Hundreds of dots fly in and form the logo shape.
⏱ 5 seconds
Logo Animation
Liquid Blob Morph Logo
A gooey blob morphs into the final logo.
⏱ 5 seconds
Logo Animation
Neon Sign Flicker Logo
A neon sign flickers on with realistic glow.
⏱ 4 seconds
Logo Animation
3D Cube Flip Logo
Logo rotates in on a 3D cube with soft shadow.
⏱ 4 seconds
Logo Animation
Fast Stinger Logo
A punchy 1.5 second logo sting for video intros.
⏱ 1.5 seconds
Logo Animation
Metallic Light Sweep Logo
Premium metallic logo with a travelling shine.
⏱ 4 seconds
Logo Animation
Pixel Grid Logo Build
The logo builds from a grid of squares like a retro display.
⏱ 4 seconds
Titles & Text
Kinetic Typography Quote
Words slam, slide and scale to the beat of a quote.
⏱ 10 seconds
Titles & Text
Lower Third Pack (3 styles)
Three modern lower thirds for names and roles.
⏱ 5 seconds each
Titles & Text
Cinematic Text Mask Reveal
Large title revealed through masks with a soft camera drift.
⏱ 6 seconds
Titles & Text
Terminal Typewriter Title
Code-style typing with cursor, for developer content.
⏱ 7 seconds
Titles & Text
Animated Captions (Word by Word)
Highlight each spoken word like popular short videos.
⏱ 15 seconds
Titles & Text
Scramble Text Hero Title
Letters scramble through random characters before resolving.
⏱ 5 seconds
Social & Shorts
Vertical Hook Opener
A scroll-stopping first 3 seconds for Reels and Shorts.
⏱ 3 seconds
Social & Shorts
Launch Countdown
A 5-4-3-2-1 countdown that ends in a launch reveal.
⏱ 8 seconds
Social & Shorts
Subscribe / Follow CTA
Animated button press with bell ring and cursor click.
⏱ 4 seconds
Social & Shorts
Stat Stack for Stories
Three big numbers that count up one after another.
⏱ 8 seconds
Social & Shorts
Before / After Slider
A divider sweeps to reveal the improved design.
⏱ 6 seconds
Data & Charts
Animated Bar Chart
Bars grow with labels and a highlighted winner.
⏱ 8 seconds
Data & Charts
Line Chart with Callouts
A trend line draws itself and pins annotated moments.
⏱ 9 seconds
Data & Charts
Donut Chart & KPI Ring
Rings fill to their values with a centre counter.
⏱ 6 seconds
Data & Charts
Roadmap Timeline
A horizontal timeline that scrolls through milestones.
⏱ 12 seconds
UI & Product
App Promo Phone Mockup
A phone with screens sliding through, with feature captions.
⏱ 12 seconds
UI & Product
Feature Spotlight Zoom
Zoom into a UI region with a dimmed backdrop and callout.
⏱ 8 seconds
UI & Product
Cursor Click UI Demo
A cursor fills a form and clicks submit.
⏱ 10 seconds
UI & Product
Pricing Cards Reveal
Plans slide up with the recommended one highlighted.
⏱ 7 seconds
UI & Product
Notification Stack
Toasts and notification cards stack with physics.
⏱ 8 seconds
Backgrounds & Transitions
Gradient Mesh Loop
A soft moving gradient background that loops seamlessly.
⏱ 10 seconds (loop)
Backgrounds & Transitions
Perspective Grid Wave
Retro-futuristic grid scrolling towards the horizon.
⏱ 8 seconds (loop)
Backgrounds & Transitions
Shape Wipe Transition Pack
Six reusable scene transitions as Remotion components.
⏱ 1 second each
Backgrounds & Transitions
Floating Shapes Background
Soft geometric shapes drifting for presentations.
⏱ 12 seconds (loop)
Backgrounds & Transitions
Ink Splash Transition
An ink blot expands to cover the screen and reveals the next scene.
⏱ 1.5 seconds
Backgrounds & Transitions
Confetti Burst Overlay
A celebratory confetti overlay with transparent background.
⏱ 3 seconds
Explainers & Brand
Explainer Intro Scene
Problem-to-solution intro using icons and text.
⏱ 15 seconds
Explainers & Brand
Brand Intro Sequence
Words and shapes introduce a brand in a stylish montage.
⏱ 8 seconds
Explainers & Brand
YouTube End Screen Outro
End-card with spaces for video suggestions and subscribe.
⏱ 20 seconds
Explainers & Brand
Step-by-Step Process Animation
Four connected steps light up one after another.
⏱ 14 seconds
Motion graphics with Claude Code: FAQ
What are Claude Code motion graphics prompts?
They are ready-to-paste briefs that tell Claude Code to build an animation as an editable Remotion project and render it to video. Each one specifies the motion, timing, colours and technical settings.
Do I need to know how to code or animate?
No. You paste a prompt, replace the placeholders such as the brand name and colours, and Claude Code writes the code. You can then ask for changes in plain language.
What do I need to get started?
Node.js, Claude Code, and an empty Remotion project (create one with npx create-video@latest). Every prompt page lists the steps.
Do the previews show the real output?
The previews are lightweight CSS illustrations of the style and timing each prompt aims for. The actual video is rendered by Remotion from your own brand values, so details will differ.
Which animations are included?
39 prompts across logo animation, titles and text, social and shorts, data and charts, UI and product promos, backgrounds and transitions, and explainers and brand intros.
Can I use the videos commercially?
The prompts generate original code and animation from your own brand assets, so the video is yours to use. Check the licence of any fonts or assets you add.
Pair these with the Motion brief skill, browse all Claude skills, or learn the basics in the free Mastering Claude course.