AI-Powered Visual Website Studio & CMS
Import any live site with AI, edit visually, preview instantly, and export to the CMS your clients already use — or run it as a complete standalone CMS with a GraphQL headless API.
Starts Postgres, runs migrations, seeds sample site, launches on port 3100. Visual builder + live preview + CMS ready immediately.
Core experience (builder, preview, content modeling, seeded demos) runs with zero paid services or API keys.
Model once. Edit visually. Deliver anywhere.
AI migration, professional visual editing, production-grade CMS, headless GraphQL, and universal export — all in one local-first studio. Core demo runs with a single command.
AI Import & Greenfield Generation
Point at any live website — AI detects components, extracts navigation, shared elements, and design system. Or generate complete structured sites from a single prompt.
Optional OpenRouter key. Core demo works without it.
Visual Site Builder with React Flow
Drag, drop, reorder pages and folders. Full hierarchy management. 60 production-ready CMS components (heroes, navigation, blog, pricing, forms, data viz, and more).
Global/shared components with live overrides + one-click propagation.
Complete Self-Contained CMS + Live Preview
Per-site Content Types for structured modeling. Design system extraction & tokens. Media library with usage tracking. Everything renders from the real database — no external services.
Instant preview at studio/preview/site/... Fully functional without export.
Headless GraphQL API (UCS)
Use Catalyst as a real headless CMS. Full GraphQL endpoint serves pages, structure, global components, design tokens, and resolved media. Same model powers preview, builder, and API.
Query from Next.js, Nuxt, custom frontends, or anything that speaks GraphQL.
Universal Export to Any CMS
Model once inside the studio, then push schema + content to your client's existing platform. Active adapters for Optimizely CMS (full), Kontent.ai, Contentstack, Umbraco Compose, Strapi, and Contentful.
Mock provider for local testing. Extensible — add your own adapter.
Collaboration, Keys & Extensibility
Team invites, role-based access (owner/admin/member). Scoped API keys with rotation + audit. Usage tracking. Add new components, customize the library, or extend export providers.
Everything is local-first and fully hackable.
Multiple Ways to Use Catalyst Studio
As a visual CMS, a headless GraphQL API, an AI migration tool, or a universal content modeling layer. Explore the real workflows.
AI-Powered Import from Live Websites
Point the importer at any public URL. AI analyzes structure, extracts reusable components, navigation, shared elements, and the full design system into editable Catalyst content.
See README screenshots: AI import flow & progress
Visual Site Builder + Globals
Drag-and-drop page hierarchy powered by React Flow. 60 production CMS components. Global/shared components with overrides that propagate instantly to every instance.
Reordering, reparenting, proposals, undo/redo, responsive modes
Live Database-Backed Preview
Instant preview of every change using the same renderer and UCS runtime that serves the public site and GraphQL. No static export step required during editing.
Exactly matches production output. Works on seeded demo immediately.
Headless GraphQL (UCS)
Query pages, structure, global components, design tokens, and resolved media from any frontend. The identical content model that powers the builder and preview.
Same resolvers for preview, public site [...slug], and external consumers.
Universal Export to Any CMS
Define content types, pages, and shared components once. Push complete schemas and populated entries to Optimizely CMS, Kontent.ai, Contentstack, Umbraco, Strapi, and more.
Active adapters + mock provider. Model in Catalyst, deliver to client platform.
Complete Standalone Visual CMS
Use Catalyst end-to-end without exporting: build, manage content types, media, design system, and publish via the included public renderer. Perfect for many projects.
No external CMS required. Full team collab, API keys, and audit included.
All flows demonstrated in the seeded demo created by npm run verify:quickstart. No keys required.
Real workflows. Real results.
AI import to export in hours. Consistent globals. One headless source of truth. The same studio developers and clients both love.
“We imported a 40-page client site with the AI tool, cleaned it up visually in the React Flow canvas, and exported clean structured content to their Optimizely instance in one afternoon. The time savings are insane.”
“The global components + propagation finally solved our consistency problems. Update the nav or footer once and it updates everywhere. Design system tokens actually work across the whole project.”
“We imported a 40-page client site with the AI tool, cleaned it up visually in the React Flow canvas, and exported clean structured content to their Optimizely instance in one afternoon. The time savings are insane.”
Ready to try the real thing?
Run one command. Get a fully seeded visual builder, live preview, content types, and headless GraphQL — no AI key, no credit card, nothing to configure.
Full demo (builder + preview + CMS + UCS) works instantly. AI features are optional.