Skip to content
Work

MotionKit · Preset workstation · In build

MotionKit is a Remotion marketplace and workstation. A motion graphic is built once as a preset in code. In the workstation its text, look and timing become controls with a live preview, and variants can be saved.

Weekly numberschart
16:91:19:164:5
Monthly numbersWeekly numbers
Plain supporting line.
1920×1080 · 30fps
Renders16:9 · 1920×1080
Weekly numbers
/ 00:12:00
30fps
Workstation: the preset plays on the left, every value is a control on the right. Demo data.
Type
Preset workstation
Status
In build
Built with
Remotion · Next.js · Convex

How it flows

You decide. Agents do.

Scroll and follow the signal. On the top lane a person makes the call. On the bottom lane the agents do the work.

You
Agents

01 / 05You

Build.

A motion designer builds the scene once, in code.

A person makes this call.

MotionKit · 01 / 06

Built once.

One scene, written once in code.

A small motion graphic is drawn once: a headline, a sub-line and a bar chart with a moving playhead. Its values become controls: a title field, sliders for bars, spacing and speed, and a format switch. Lines connect each control to the part it drives. The title retypes itself and the headline follows letter by letter. The sliders move and the chart changes with them. The format switches and the preview frame morphs from wide to square to tall, re-laying out its content. Finally three saved variants, one wide, one square and one tall, land one by one on a shelf beside the working preview.

Why it exists

A good motion graphic gets built once and never used again, because changing the text means opening the project and finding the designer.

  • Without it: One-off animationsWith it: A scene becomes a preset
  • Without it: A designer for every text changeWith it: Text, look and timing are controls
  • Without it: Rebuilding what already existsWith it: A new version in minutes

What it does

  • A marketplace of Remotion presets with search, votes and collections

  • A workstation with a live preview and one control per value

  • Content, appearance and timing are separate tabs of the same preset

  • Saved variants of a preset

  • AI-assisted preset generation

  • Presets pass a review before they are published

Where the AI sits

Four layers, you on top.

  1. 01

    You

    The idea, the words and the values.

  2. 02

    Presets

    Scenes built once, with every value exposed as a control.

  3. 03

    Engine

    Every frame is rendered from code, the same way each time.

  4. 04

    Library

    A marketplace of presets to start from.

Inside the product

Marketplace

Browse community motion graphics. Clone, customise, remix.

Create preset
Featured
AllIntroTitleLower ThirdCTATransitionOutroChartMapSocial
Plain titlePlain supporting line.
Remix
Title

Title wipe

16:91:19:16
Weekly numbers
Remix
Chart

Weekly numbers

16:91:14:5
Plain namePlain supporting line.
Remix
Lower Third

Lower third, plain

16:99:16
Remix
Intro

Corner sting

16:91:1
Remix
Transition

Slide transition

16:99:164:5
Learn more
Remix
CTA

Button prompt

16:91:19:16
The library of presets. Each card plays when you point at it. Demo data.
Weekly numberschart
Weekly numbers
Plain supporting line.
16:91:19:164:5
Variants Unsaved changes
Default
Square, dark
Vertical, short
Save as New Variant
Every text, value and toggle of a scene is a setting, and edits are marked. Demo data.

Your version

Want one built?

Bring the workflow you have today. We will show you what this looks like for your team.