Open-source alternatives to Framer

Compare community-driven replacements for Framer in website builders & landing pages workflows. We curate active, self-hostable options with transparent licensing so you can evaluate the right fit quickly.

Framer

Framer enables visual design, prototyping, and publishing production websites with CMS and animations—no code required.Read more

Website Builders & Landing Pages

Visit Alternative Website

Key stats

14Alternatives
3Support self-hosting
Run on infrastructure you control
12Active development
Recent commits in the last 6 months
8Permissive licenses
MIT, Apache, and similar licenses

Counts reflect projects currently indexed as alternatives to Framer.

All open-source alternatives

Onlook

AI‑powered visual editor that builds Next.js apps in the browser

Active developmentPermissive licenseFast to deployTypeScript

Why teams choose it

AI chat that generates and edits code from natural language
Visual, Figma‑like UI with drag‑and‑drop layout editing
Instant side‑by‑side code and design preview

Watch for

Currently limited to Next.js/Tailwind projects

Migration highlight

Rapid MVP prototyping

Generate a functional Next.js prototype from a text prompt in minutes, then tweak layout visually.

VvvebJs

Vanilla JavaScript drag-and-drop page builder with zero dependencies

Active developmentPermissive licenseFast to deployJavaScript

Why teams choose it

Zero dependencies—pure vanilla JavaScript with no build tools required
Visual drag-and-drop editor with live preview and inline code editing
Bootstrap 5 components, media gallery with CC0 search, and Google Fonts support

Watch for

Requires webserver for full functionality due to iframe security restrictions

Migration highlight

Custom CMS Page Editor

Embed VvvebJs into a content management system to let users visually design pages without writing HTML, saving development time on custom editor interfaces.

GrapesJS

Open-source web builder framework for no-code HTML templates

Active developmentIntegration-friendlyAI-powered workflowsTypeScript

Why teams choose it

Drag-and-drop block system with visual component composition
Built-in style manager, layer manager, and asset management
Extensible plugin architecture with official and community extensions

Watch for

Requires JavaScript development skills to integrate and customize

Migration highlight

CMS Template Builder

Embed visual editing in content management systems so editors create page layouts without developer intervention

Craft.js

Create custom drag‑and‑drop page editors using React.

Permissive licenseIntegration-friendlyTypeScript

Why teams choose it

Modular drag‑and‑drop system built on React.
Full control over component editing and UI layout.
Extensible API for state manipulation and custom actions.

Watch for

Requires developer to implement editor UI from scratch.

Migration highlight

Custom Landing Page Builder

Enable marketers to assemble landing pages with brand‑specific components while preserving full design control.

Builder.io

Visual development platform turning designs into production code

Active developmentPermissive licenseIntegration-friendlyTypeScript

Why teams choose it

Integrates with existing components across React, Vue, Svelte, Qwik, Angular, and React Native
Import Figma designs directly or use drag-and-drop visual editor
Publish updates via SDKs or export clean code for version control

Watch for

Requires initial integration effort to connect components and SDKs

Migration highlight

Marketing Landing Pages

Marketing teams build and iterate campaign pages using existing design system components without developer involvement, reducing time-to-market from weeks to hours.

Btw

Open source personal website builder for instant blogging

Self-host friendlyActive developmentPrivacy-firstJavaScript

Why teams choose it

Docker-based deployment with PostgreSQL backend for easy self-hosting
Clean editor interface optimized for writing and publishing
Optional OTP authentication and SMTP integration for secure access

Watch for

Limited documentation and contributing guidelines currently available

Migration highlight

Developer Portfolio Blog

Self-host a personal blog with full code control, custom domain, and S3-backed image hosting for technical articles and project showcases

Hugo Blox

Build blazing-fast technical and academic sites in minutes

Active developmentPermissive licenseIntegration-friendlyHTML

Why teams choose it

Drag-and-drop block system with pre-built components for rapid site assembly
Native Markdown, Jupyter notebook, and BibTeX support with auto-sync publications
Static site generation with Hugo delivering 100/100 Lighthouse scores and zero vendor lock-in

Watch for

Requires Hugo Extended installation for local development workflows

Migration highlight

Academic Lab Site with Auto-Updating Publications

Researchers save 40+ hours by syncing BibTeX files, increasing citation visibility by 3× through SEO-optimized publication pages.

Frappe Builder

Low-code visual website builder with one-click publishing

Active developmentFast to deployIntegration-friendlyVue

Why teams choose it

Figma-like visual editor with intuitive drag-and-drop interface
One-click publishing for instant deployment without complexity
Native Frappe CMS integration for dynamic database-driven pages

Watch for

Requires Frappe Framework infrastructure for deployment

Migration highlight

Dynamic Business Website with ERP Data

Pull product catalogs, pricing, and inventory directly from ERPNext to create always-current web pages without manual updates

Microweber

Drag-and-Drop CMS and Website Builder on Laravel

Active developmentPermissive licenseFast to deployHTML

Why teams choose it

Intuitive drag-and-drop interface for images, text, videos, and modules with 75+ pre-designed layouts
Real-time text editing with Live Edit view for immediate visual feedback
Built-in e-commerce solution with product management, categories, and shop features

Watch for

Requires PHP 8.2+ and multiple extensions, which may limit hosting options

Migration highlight

Launch an Online Store Without Coding

Entrepreneurs drag products, images, and payment modules onto pages to create a fully functional e-commerce site in hours instead of weeks.

Webiny

Serverless enterprise CMS for fast, secure, scalable content

Active developmentPrivacy-firstIntegration-friendlyTypeScript

Why teams choose it

Drag‑and‑drop Page Builder with automatic prerendering and CloudFront caching
Headless CMS exposing a GraphQL API with revisions, localization, and fine‑grain permissions
File Manager with searchable assets and built‑in image editor

Watch for

Deployment limited to AWS; multi‑cloud support is not yet available

Migration highlight

Marketing landing pages

Rapidly launch SEO‑optimized microsites without writing code

Webstudio

Visual website builder that puts data and infrastructure in your hands

Self-host friendlyActive developmentIntegration-friendlyTypeScript

Why teams choose it

Full‑control visual builder with drag‑and‑drop layout
Connects to any headless CMS via API
Supports every CSS property for pixel‑perfect design

Watch for

Steeper learning curve for non‑technical designers

Migration highlight

Launch a marketing site backed by a headless CMS

Design and publish pages visually while content is managed in your preferred CMS, with full control over hosting.

Plasmic

Visual builder that lets you design and code together

Active developmentPermissive licenseIntegration-friendlyTypeScript

Why teams choose it

Full design freedom with a modern visual UI
Direct integration with existing React codebases
Rich stateful interactions and arbitrary data source connections

Watch for

Initial setup requires React/JavaScript knowledge

Migration highlight

Marketing landing page creation

Designers publish pages that render instantly in a Next.js site, reducing time‑to‑market.

Silex

Build static websites visually, then fine‑tune with code.

Self-host friendlyActive developmentPrivacy-firstJavaScript

Why teams choose it

Visual drag‑and‑drop editor for instant site layout
Integrated HTML, CSS, and JavaScript editors for custom code
Extensible plugin system supporting Node.js and browser environments

Watch for

Only static sites; no built‑in server‑side logic

Migration highlight

Freelancer portfolio

Launch a responsive static portfolio in hours, with custom CSS tweaks for branding.

Laravel Pagebuilder

Drag-and-drop page builder for Laravel applications

Permissive licenseIntegration-friendlyAI-powered workflowsPHP

Why teams choose it

GrapesJS integration for intuitive drag-and-drop page editing
Modular architecture with configurable and replaceable components
Theme system with CLI scaffolding and demo templates

Watch for

Requires theme development knowledge for custom implementations

Migration highlight

Marketing Landing Pages

Marketing teams independently create and A/B test campaign pages without developer bottlenecks, accelerating time-to-market for promotions.

Choosing a website builders & landing pages alternative

Teams replacing Framer in website builders & landing pages workflows typically weigh self-hosting needs, integration coverage, and licensing obligations.

3 projects let you self-host and keep customer data on infrastructure you control.
12 options are actively maintained with recent commits.

Tip: shortlist one hosted and one self-hosted option so stakeholders can compare trade-offs before migrating away from Framer.

Framer

Framer enables visual design, prototyping, and publishing production websites with CMS and animations—no code required.Read more

Website Builders & Landing Pages

Visit Alternative Website

Key stats

14Alternatives
3Support self-hosting
Run on infrastructure you control
12Active development
Recent commits in the last 6 months
8Permissive licenses
MIT, Apache, and similar licenses

Counts reflect projects currently indexed as alternatives to Framer.

Common questions

What's the difference between GrapesJS and the Studio SDK?

GrapesJS is the open-source framework requiring integration work. Studio SDK is a commercial ready-to-use editor with team support for faster embedding in applications.

Answer surfaced from GrapesJS

Do I need to install anything to use Onlook?

Onlook can be run locally on any machine with Node/Bun, or accessed via the upcoming hosted version; no additional IDE plugins are required.

Answer surfaced from Onlook

Do I need coding experience to use Hugo Blox?

No. The browser-based builder lets you pick templates and customize blocks without code. Developers can optionally work locally with Hugo CLI and extend with React.

Answer surfaced from Hugo Blox