Motion Prompts · Logo Animation

3D Cube Flip Logo

Logo rotates in on a 3D cube with soft shadow.

⏱ 4 seconds

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.

Make a 3D logo reveal using CSS 3D transforms (no WebGL needed). A rounded cube with the logo on one face rotates in from -90° on Y and X with a spring overshoot, lands facing the camera, then the cube faces fade away leaving the flat logo. Add a soft elliptical ground shadow that scales with the cube's height. Perspective 1200px. Light studio gradient background [#EEF1F7]; cube in [#4F46E5].

Technical requirements: Use Remotion (React) in this folder. Create one composition at 1920x1080, 30 fps, 4 seconds. 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

1. In an empty folder run npx create-video@latest and choose the blank template.
2. Open Claude Code there with claude and paste the prompt. Replace every [PLACEHOLDER].
3. Preview with npm run dev, then ask for tweaks in plain language.
4. 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.