Web Dev Tools

Visual Page Builders

Drag-and-drop UI builders, no-code-ish layouts inside your app.

These give end-users (or you) the ability to drag, drop, and configure components into pages — useful for landing-page CMS, marketing tools, internal tools, and email/document builders.

React-component-driven (you bring the components)

  • Puck — open-source, React-first, drop in your own components, get a visual editor. The most loved open-source page builder in 2026 for "marketing landing pages inside our app."
  • Builder.io — visual editor + headless CMS. Generous free tier; the most polished commercial offering.
  • Plasmic — design + visual builder, headless. Free for small teams; paid above.
  • Craft.js — React framework for building page builders (not a builder itself). Pick this if Puck isn't customizable enough.
  • Tina CMS — visual editor on top of git-backed markdown/MDX; great for marketing sites.

Framework-agnostic

  • GrapesJS — venerable open-source builder; works with any frontend. Less React-friendly than Puck.
  • Studio Editor (built on GrapesJS) — newer commercial polish.

Email / document builders

  • react-email — components for transactional email (write JSX, get email HTML).
  • maily.to — open-source email-newsletter editor on Tiptap.
  • Knock, Loops, Resend — hosted email tools with built-in editors and free tiers.

Form builders

  • FormKit Drag & Drop, Tally, Fillout, Plate Form Builder — varying levels of free.

Pick this if…

  • You want a visual editor in your own app, free, React: Puck.
  • You want it polished and don't mind paid-after-free-tier: Builder.io or Plasmic.
  • You're rolling your own bespoke builder: Craft.js.
  • Marketing sites with git-backed content: Tina.
  • Email templates: react-email.

On this page