SaaS product motion

Dark interface worlds, cursor-led actions and zoom-through transitions for product launches and software explainers.

Works in landscape, portrait and square. Adapt the composition to 16:9, 9:16 or 1:1.

Made with this pack · 12-second preview

Inside the pack

Search-to-interface zoom
Editing timeline UI
Cursor/action animation
Workflow reveal
Visual and motion rules
Editable examples in three formats

Give it a go

Use the SaaS product motion skill with HyperFrames to edit a 12-second portrait video using my footage. Build the motion around the subject and cuts, add only useful text and show me the finished sequence.

Video references behind this style

Curated editing techniques from long-form and social videos. Original demonstration media is used in the previews.

Make it yours.

Get the free style skill. Just an email, no account needed.

Version 2.0.0Personal + commercial use

Install your style

You’ll need HyperFrames and Node.js 22 or newer. The pack adds the style; HyperFrames handles the video.

Run this from the folder containing your download. Start a new Claude Code session and ask it to use the style.

mkdir -p ~/.claude/skills
unzip frame-styles-product-ui-2.0.0.skill -d ~/.claude/skills

The commands above use the .skill download on macOS/Linux. On Windows, extract the archive and follow the Windows instructions.

Run this from the folder containing your download. Start a new Codex session and select the style skill.

mkdir -p ~/.agents/skills
unzip frame-styles-product-ui-2.0.0.skill -d ~/.agents/skills

The commands above use the .skill download on macOS/Linux. On Windows, extract the archive and follow the Windows instructions.

Run this from the folder containing your download. In Gemini CLI, use /skills reload, then ask for the style.

gemini skills install ./frame-styles-product-ui-2.0.0.skill

The commands above use the .skill download on macOS/Linux. On Windows, extract the archive and follow the Windows instructions.

Inside the pack

Give it a go

More your style?

Cinematic editorial

Data stories

3D product motion

Liquid motion