Skip to content
Server Driven UI made easy

Server Driven UI made easy

Bring visual editing to your components — no rewrites needed.

Learn more ›View demo →

Make a change, hit save, and... tada! 🎉

Visual editing, powered by your components.

Write components once, let anyone build with them through a visual interface.
Perfect for Server Driven UI, no-code website builders, and design tools.

Drop-in Integration

No rewrites, no special wrappers. Just register your components, and they're instantly editable.

import { ButtonCta } from './ButtonCta';

Catalog.register('ButtonCta', {
  component: ButtonCta,
  props: {
    href: {
      label: 'To',
      type: 'text',
      default: '/',
    },
    children: {
      label: 'Text',
      type: 'text',
      default: 'CTA',
    },
  },
});

JSX Everywhere

Everything is stored as human-readable JSX strings. Not JSON, not a proprietary format.

<VStack className={['gap-4', 'p-24', 'pt-64', 'bg-surface']}>
  <Heading level={1} size="5xl" weight="extrabold">
    Server Driven UI made easy
  </Heading>
  <Body size="2xl" className={['text-foreground']}>
    Bring visual editing to your components — no rewrites needed.
  </Body>
  <HStack className={['gap-8', 'mt-16']}>
    <ButtonCta variant="primary" size="lg" href="/docs">
      Learn more ›
    </ButtonCta>
    <ButtonCta variant="outline" size="lg" href="/demo">
      View Demo →
    </ButtonCta>
  </HStack>
</VStack>

Visual + Code Editing

Edit visually with drag-and-drop, or switch to code mode with syntax highlighting. Both are always in sync.

Multi-viewport Preview

Preview responsive layouts for mobile, tablet, and desktop using built-in viewport controls.

Full TypeScript Support

Get type-safe component registration, property specifications, and full IDE autocomplete.

Full TypeScript support

Framework Agnostic

Works with Next.js, Expo, React Router, or plain React. Use it anywhere.

Next.js

Next.js

Expo

Expo

React Router

React Router

Tanstack Router

Tanstack Router

See what you can build

Browse examples and discover what's possible with Server Driven UI. From landing pages to blog, all built with real components.

Marketing Campaigns

Launch seasonal sales, flash deals, and product highlights. Update banners and pricing in real-time without bothering engineers.

Landing Pages

Build conversion-focused pages with hero sections, feature grids, and CTAs. Perfect for product launches and signups.

Rapid Prototyping

Test new ideas without waiting for dev cycles. Create beta announcements, feature previews, and A/B test variants instantly.

Editorial Content

Craft rich blog posts, announcements, and help articles. Mix text, images, and callouts with full editorial control.

View examples →