UI Motion Essentials.
Product-interface motion for SaaS videos, ready to render.
Fourteen typed components and three complete scenes for feature launches, AI product demos and onboarding walkthroughs. One theme object restyles everything, and every scene can land its clicks on your music.
Rendered from the kit's own example compositions with sample data. Music is added to this public preview only; the kit contains no music.
Three ready scenes
Render today.
Restyle in minutes.
Change the copy, data, theme and music grid through props. Each scene reports its own length.
- 01
Feature launch
Headline, product window, two settings switched on, a scheduled publish and its confirmation.
- 02
Prompt to result
A typed prompt is sent, a sourced answer streams in, a tooltip points at the citation.
- 03
Guided setup
A spotlight walks connect → invite → go live while a stepper tracks progress.
What makes it different
Built like a studio
would build it.
- Finished by default
- A real type scale, spacing, radius and shadows. States change only after their cause: click, state, confirmation.
- Your brand in one line
- createTheme({accent}) derives readable text and soft tints. Light and dark themes included.
- Lands on your music
- Scenes are authored in bars. Pass a BPM or your track’s measured downbeats and every action moves onto the beat.
- Composed for 16:9 and 9:16
- Each scene has its own portrait layout with the interface enlarged for phones. Not a crop.
In the archive
14 components.
All typed and tested.
- App window
- Camera
- Cursor
- Button
- Setting row / toggle
- Tabs
- Toast
- Tooltip
- Spotlight
- Type-in field
- Steps
- Headline
- Code block
- Reveal
What you get
TypeScript source for every component and scene, a Remotion Studio project with a 5-second preview per component, the full showcase in 1920 × 1080 and 1080 × 1920, unit tests, a five-minute setup guide and the bundled Geist / Geist Mono fonts (SIL Open Font License).
Good for: Feature launch videos, AI product demos, onboarding films and release posts.
Before you choose it
Requires Node 24.19–24.x, npm and React/TypeScript familiarity. Pinned React 19.2.3 and Remotion 4.0.538; verified with a clean install on Fedora Linux. Dependencies download separately and keep their own licences, including Remotion's own eligibility terms.
Visual components for rendered video. They do not operate a live interface, detect targets or execute the code they display. No no-code editor, After Effects project, music files or custom production service is included.
Sales open once checkout and delivery are verified and the final seller, licence and refund details are published. An email enquiry does not take payment or reserve a copy.
Ask about the releaseComposed for 9:16
A separate layout.
Room to read.
The portrait version rearranges each scene for a tall frame, with the interface enlarged for phones. It is not a crop of the landscape film.
Prefer a finished film?
Your screens.
A scoped studio project.
Share one approved feature and where it will be used. Studio projects start at $39 for the published small scope; source kits and custom films are separate offers.
Start a project