Open source · Local-first

Build visually.
Export real websites.

An open-source website builder that gives you visual speed and full code ownership. Design on a canvas, export to HTML, React, Next.js, or Astro — and deploy wherever you want.

Start Building View on GitHub
Exports to
HTML / CSS Tailwind React Next.js Astro ZIP
Craft — my-project
Layers
▾ Hero
Heading
Paragraph
ButtonGroup
▸ Features
▸ Pricing
▸ Footer
Style
W
H
Pad
Gap
Layout
Display
Dir
Align

Your code, your rules

No account. No backend.
No strings attached.

Craft runs locally. Your projects live on your machine—not someone else's server. When you export, you get clean, production-ready code you can deploy anywhere. No vendor lock-in. No monthly bill to keep your site alive.

  • 01
    Export real code HTML/CSS, Tailwind, React, Next.js, Astro, or ZIP—your choice, every time.
  • 02
    Local persistence Desktop app stores projects via Tauri. Web app uses localStorage. No cloud dependency.
  • 03
    No data leaves your machine No tracking, no analytics, no account walls. Build in private.
my-website/
◇ index.html 4.2 KB
◇ styles.css 2.8 KB
▹ components/
◇ Hero.jsx 1.6 KB
◇ Features.jsx 2.1 KB
◇ Footer.jsx 0.9 KB
◇ package.json 0.4 KB
React Export 7 files · 12 KB

Capabilities

Everything you need, nothing you don't.

Organized around how you actually work: build the structure, refine the details, ship the result.

01

Build

Start fast with pre-built structure or design from scratch.

  • 45 components Buttons, cards, navbars, forms, and more
  • 51 section templates Hero, features, pricing, FAQ, CTA blocks
  • Drag-and-drop canvas Visual placement with snap guides and rulers
  • Inline text editing Click and type directly on the canvas
  • Symbol components Save, reuse, and detach reusable elements
02

Refine

Polish every detail across every screen size.

  • 3 responsive breakpoints Desktop, tablet, and mobile with per-breakpoint styles
  • Multi-select editing Modify multiple elements simultaneously
  • Undo/redo + versions Full history with named restore points
  • Image cropping Built-in crop without leaving the editor
  • Custom CSS blocks Drop into code when you need precise control
03

Ship

Export production code and deploy in minutes.

  • 6 export formats HTML/CSS, Tailwind HTML, React, Next.js, Astro, ZIP
  • One-click deploy Netlify Drop, Vercel API, GitHub Pages guidance
  • SEO controls Meta tags, OG data, canonical URLs, language setting
  • JSON-LD structured data Schema markup built into the editor
  • Page transitions Smooth navigation effects out of the box

How it works

Three steps. Real output.

No learning curve labyrinth. Compose your layout, polish the details, and get deployable code.

01

Compose

Pick from 51 section templates or start with a blank canvas. Drag components into place, edit text inline, and assemble multi-page sites visually.

Section templatesComponent libraryMulti-page projectsFigma import
02

Customize

Adjust styles per breakpoint for desktop, tablet, and mobile. Add pseudo-state interactions, page transitions, and drop into custom CSS when needed.

Per-breakpoint stylesNamed versionsCustom CSS blocksImage cropping
03

Export & Deploy

Download production-ready code in your chosen format. Set meta tags, OG data, and structured markup. Deploy via Netlify, Vercel, or GitHub Pages.

6 export formatsSEO metadataJSON-LD schemaDeploy helpers

Templates

Start with structure, not a blank canvas.

8 full project templates and 51 section templates across real-world categories. Use them as-is, remix them, or just study the patterns.

SaaS

Landing pages, pricing, feature sections

Portfolio

Creative showcases and personal sites

Blog

Content-first layouts with rich typography

Agency

Service pages, team grids, case studies

Restaurant

Menus, hours, reservations, gallery

Business

Corporate pages, contact forms, about sections

8 Full project templates
51 Section templates
45 UI components

Under the hood

Built for people who read the source.

Craft is open source. These aren't marketing abstractions — they're architecture decisions you can verify in the codebase.

Rendering

Iframe isolation

Each page preview renders inside an isolated iframe. What you see in the editor matches what ships to production — no style bleed, no rendering surprises.

Responsive

Per-breakpoint styles

Responsive styles are stored independently for each breakpoint — desktop, tablet, and mobile. Not cascaded overrides. You control exactly what each screen size gets.

Versioning

History model

Full undo/redo stack with named versions and restore points. Save project snapshots before risky edits and revert instantly. No timeline limit on history.

Storage

Local persistence

Desktop app uses Tauri's secure store. Web app uses localStorage with migration support. Your project data never touches a remote server unless you choose to deploy.

Craft ships as a React + Vite web app and a Tauri desktop app. Both share the same editor core. The plugin manager supports runtime loading — ecosystem is growing.

Ready?

Start building.
Keep everything.

Open source. Local-first. Your code, your rules.

Start Building View on GitHub

No account required. No data leaves your machine.