CommercialWorks with Claude Code
UI-морфинг
One shape morphs through interface elements on the beat.
Buy a package — from ₽490
Version 1.0.0
This project is part of every package. Already have one? Pick this project in your account.
Product-promo motion reel: on a 120 BPM beat one shape becomes a button, toggle, loader, search, player, notification, like, card and a success check, with a cursor clicking on every change. Music included.
At a glance
- Style
- Commercial
- Length
- 10–20s
- Platforms
- Instagram Reels, YouTube Shorts, TikTok
- Extras
- Sound effects, Transitions
Works with Claude Code
Open the kit folder in Claude Code and describe the video you want. The kit’s SKILL.md tells Claude how to edit and render it.
Requirements
- Claude Code
- Node.js 20 or newer
- Local rendering with Remotion (included in the template)
- Outputs 1080×1920 MP4
What’s inside
The files you get in the download.
- ui-morph/
- public/
- sfx/
- beat120.mp3321 kB
- click.mp32 kB
- whoosh.mp313 kB
- src/
- components/
- Shape.tsx7 kB
- reel/
- reel-01.ts1 kB
- types.ts1 kB
- Morph.tsx5 kB
- Root.tsx1 kB
- index.ts1 kB
- theme.ts1 kB
- CLAUDE.md1 kB
- LICENSE.txt2 kB
- README.md1 kB
- SKILL.md3 kB
- package.json1 kB
- remotion.config.ts1 kB
- tsconfig.json1 kB
Example prompts
Paste one into Claude Code, or describe your own idea.
Make a reel for a delivery app: order → payment → courier → done
Build 12 states for an online school promo
License summary
- Use the videos you make commercially, including client work and ads.
- Don’t resell, share or redistribute the kit files themselves.
- Bundled audio, video and fonts are original or licensed for commercial redistribution.
