Shadcn Site Builder8 listings
This collection covers visual page builders for shadcn/ui. Each one lets you drag blocks onto a canvas, reorder sections, preview the layout and export the result as code or as shadcn CLI install commands, so you can rough out a landing page or app screen quickly and keep working in your own codebase.
Shadcnblocks
The ultimate block set for shadcn/ui & Tailwind. 1,630 blocks, 1,684 components, and 15 templates for React, Next.js & Astro.
Shadcn UI Kit Page Builder
Browser-based page builder from Shadcn UI Kit: compose multi-page sites from 555+ shadcn/ui blocks and export a Next.js project or shadcn CLI command.
Hercules
AI app and website builder. Create SaaS products, eCommerce stores, internal tools, mobile apps, and landing pages by chatting with AI—auth, database, payments, and hosting included.
Shadcnspace Builder
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.
Shadcnblocks Page Builder
Drag-and-drop shadcn/ui page builder. Compose landing pages from 2000+ Shadcn Blocks, save layouts, and export production-ready pages for React and Next.js.
Shadcnstudio Builder
Drag-and-drop page builder for shadcn/ui. Compose landing pages, dashboards, and auth flows from 500+ Shadcn Studio blocks and export production-ready code instantly.
Framely
Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js
Grida
Grida — Ambitious 2D Graphics Editor for the Web
UI Builder
A React component that provides a no-code, visual way to create UIs, compatible with shadcn/ui and custom components.