How It Works in 3 Steps
A free 1:1 how it works in 3 steps template for SaaS launches, with royalty-free music. Edit text, list items, colors, and the track online.
100% free. Browse without an account; a free Google account unlocks unlimited editing. No watermark, credit card, or attribution required. Free MP4 downloads. Built for Claude Code, Codex, Cursor, Claude, and ChatGPT.
Use this template from your coding agent
Creative brief
A 1:1 "how it works in 3 steps" explainer for a product page or a launch thread. The headline sets it up, then up to three numbered steps land one per beat, linked by a path that draws from one step to the next. Each step gets a simple glyph built from shapes (no icons, no images). Then the CTA. A stranger must understand the product in 10 seconds.
Free to copy, modify, share, and use commercially. No attribution required. Read the license.
- Format
- 1:1 (1080 x 1080)
- Duration
- 10 seconds
- Purpose
- Product launch
- Styles
- Minimal, Playful
- Scenes
- Title reveal, Steps, End screen
- Editable text
- Brand, Headline, List items, Call to action
- Engine
- HyperFrames
- Sound
- Generated score, undefined BPM, 5 bars. Text edits change only accent notes.
- License
- MIT-0
- Source
- HyperFrames project, template v1 (12e735359fa3a798)
- MP4 export
- Free, full resolution, no watermark
- Updated
- 2026-10-16
- Created by
- cliphouse.studio