Visual content from React templates

Design once. Publish every variation.

FrameKit turns React templates into focused visual tools. Define the design and its constraints in code, then let your team edit content and export consistent images in Studio.

Create my first project See how it works

FrameKit workflow

One template. Many consistent pieces.

Developers own the visual system. Content teams produce the variations. FrameKit keeps both in sync.

Define

Build the layout, fields, variants, and dimensions in React.

Edit

Use Studio to change copy, colors, and assets without touching the layout.

Publish

Export the finished image at the exact size your channel needs.

Start here

Choose where to start

Take the path that matches your project.

New FrameKit projectScaffold a Next.js project and create your first template.Existing Next.js projectAdd FrameKit to an application you already have.