Motion Prompts · Backgrounds & Transitions
Perspective Grid Wave
Retro-futuristic grid scrolling towards the horizon.
⏱ 8 seconds (loop)
Live preview of the style and timing this prompt aims for. The real output is rendered by Remotion from your own brand values, so details will differ.
Build a synthwave-style perspective grid: horizontal and vertical lines converge to a horizon, scrolling towards the camera in a seamless loop, with a sine-wave height displacement travelling across the grid. Add a glowing sun with horizontal stripe cut-outs on the horizon, a gradient sky, and faint stars. Use SVG with calculated perspective projection (no WebGL). Colours: [#FF3CAC, #784BA0, #2B86C5].
Technical requirements: Use Remotion (React) in this folder. Create one composition at 1920x1080, 30 fps, 8 seconds (loop). Put every brand-specific value (name, colours, text, font) in a single props object at the top so I can change them in one place and see it live in Remotion Studio. Use spring() and interpolate() with easing, no CSS keyframe animation. Keep it self-contained (no external assets unless I provide them). When finished, run `npx remotion render` to export an MP4 and tell me the output path.How to use it
- In an empty folder run
npx create-video@latestand choose the blank template. - Open Claude Code there with
claudeand paste the prompt. Replace every[PLACEHOLDER]. - Preview with
npm run dev, then ask for tweaks in plain language. - Claude renders the MP4 with
npx remotion render.
Tip: install the Motion brief skill to turn a rough idea into a storyboard and a ready-to-paste prompt.
More Backgrounds & Transitions prompts
- Gradient Mesh Loop · A soft moving gradient background that loops seamlessly.
- Shape Wipe Transition Pack · Six reusable scene transitions as Remotion components.
- Floating Shapes Background · Soft geometric shapes drifting for presentations.
- Ink Splash Transition · An ink blot expands to cover the screen and reveals the next scene.