Design the web,own the code.

Import from FigmaImport from Figma
Export your code as Next.jsExport your code as Next.js
Deploy to Cloudflare WorkersDeploy to Cloudflare Workers
Open sourceOpen source

The open-source Framer alternative. A pixel-perfect visual builder where your design becomes real Next.js code — fast, SEO-ready, exportable, yours forever.

Launching Soon
Visual canvas

Visual canvas

Design on a truly infinite canvas. Drag, snap, and align every pixel with real layout — no breakpoints to fight, no rigid grid in your way.

  • Auto-layout and flexbox without writing CSS
  • Pixel-perfect control at every breakpoint
  • Reusable components with variants and props
Built-in CMS

Built-in CMS

Turn any layout into a living collection. Model your content once, bind it to the canvas, and every page keeps itself up to date.

  • Typed collections with rich fields and references
  • Bind any element to dynamic content visually
  • Draft, schedule, and publish with one click
Locales+ Add
🇬🇧Englishen100%
🇫🇷Françaisfr98%
🇪🇸Españoles95%
🇩🇪Deutschde100%
🇯🇵日本語ja90%
🇧🇷Portuguêspt88%
Editing · Français
Heading
Créez ce qui compte.
Subhead
Concevez, publiez et faites évoluer votre site dans chaque langue, sans toucher au code.
CTA
Commencer
Auto-translate on · serves the visitor’s locale

Localization

Go global in a click. Translate content inline, switch locales live, and serve the right language to every visitor automatically.

  • Per-locale content, URLs, and SEO metadata
  • Auto-detect and serve the visitor’s language
  • RTL support and locale-aware formatting
Layers
Hero
Heading
Subhead
Button
Image
Footer
Heading · Fade upTrigger: On scroll
Easingcubic-bezier(.2,.8,.2,1)
Opacity
0 → 100%
Translate Y
40 → 0px
Scale
0.96 → 1
Blur
8 → 0px
0ms
600ms

Motion & interactions

Add motion without writing a line. Scroll effects, hovers, and page transitions are all designed right on the canvas.

  • Scroll, hover, and click-driven interactions
  • Timeline keyframes with custom easing
  • Exported as real React — no proprietary runtime
Code export

Code export

Everything compiles to clean, typed Next.js. Export it, push it to git, and run it anywhere — the design was the code all along.

  • Readable, typed components with Tailwind
  • Push straight to your own git repository
  • Self-host or deploy anywhere, no lock-in

Built for teams.

Design isn't a solo sport. Bring the whole team onto the same canvas, watch the numbers as you ship, and keep every project in one place — from the first cursor to the live A/B test.

S
sarah@team.io
M
mike@team.io

Real-time collaboration

Live cursors, inline comments, and instant updates as your whole team designs on the same canvas.

Deploy
Backups2h ago
Staginglive
Insights
Analytics12.4k
A/B Tests3 running

Ship, measure, iterate

Backups, staging, analytics, and A/B tests — the whole post-launch toolkit lives right in the editor.

A
Acme Studio
8 members
Marketing site
Mobile app
Design system

Shared workspaces

Organize projects, manage roles, and keep every site your team ships in one place.

Ship something
that feels alive.

Start building in under a minute. Host on your own servers, or use our cloud.