Shadcnspace Builder
by shadcnspace
Visual drag-and-drop website and landing page builder for shadcn/ui. Compose pages from Shadcnspace blocks, edit content inline, preview live, and export production-ready project files.
May 27, 2026
open-source
Overview
Shadcnspace Builder is a visual drag-and-drop editor for building websites and landing pages with Shadcnspace blocks. Add pre-built sections from the block library, rearrange them on the canvas, edit text and images inline, manage multiple pages, and export the generated project when you're ready to ship.
Currently in beta, the builder complements Shadcnspace's CLI and MCP workflows—compose layouts visually first, then take full ownership of the exported code in your React or Next.js project.
Features
- Drag-and-drop canvas: Add blocks from the sidebar and reorder them on the page
- Inline editing: Update text and images directly in the builder
- Multi-page projects: Create, rename, switch between, and delete pages
- Preview mode: Open a live preview in a new tab without builder controls
- Export project files: Download production-ready project output from the toolbar
- Edit mode toggle: Switch between editable canvas and read-only preview
- Shadcnspace blocks: Built from the same shadcn/ui and Base UI components as the main library
- CLI-compatible output: Exported code aligns with shadcn/ui project structure