Carrd
One‑page site builder for simple personal pages, portfolios, and landing pages
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
Create custom drag‑and‑drop page editors using React.
Craft.js is a React framework that lets you build fully customizable drag‑and‑drop page editors, handling component rendering, editing, state serialization, and extensible APIs.
Craft.js provides a modular, React‑first foundation for building page editors that fit your exact UI and interaction requirements. It supplies a drag‑and‑drop engine, component lifecycle handling, and a query‑based API so you can render, move, and edit any React component inside an editor canvas.
Designed for React developers who need a bespoke editor—such as SaaS platforms, e‑commerce builders, or internal tools—Craft.js integrates like any other React library. You compose the editor UI with familiar JSX, serialize the editor state to JSON for storage, and restore it on the server or client as needed. Because the framework is pure React, it works with TypeScript, modern bundlers, and can be deployed to any environment that runs a React application.
When teams consider Craft.js, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Custom Landing Page Builder
Enable marketers to assemble landing pages with brand‑specific components while preserving full design control.
In‑app Content Editing for SaaS Dashboard
Allow end‑users to modify widgets and layout directly within the application, persisting changes via JSON.
E‑commerce Product Page Composer
Provide merchants a drag‑and‑drop interface to arrange product details, galleries, and promotional sections.
Internal Documentation Portal Builder
Let teams create and reorganize documentation pages using reusable React components, with versioned state stored in a CMS.
Craft.js works with React 16.8+ (hooks support) and is compatible with the latest stable releases.
Use the `query.serialize()` method to obtain a JSON representation, then store it in a database, local storage, or any backend of your choice.
No. It provides the engine and API; you build the UI (toolbars, panels, etc.) using regular React components.
Yes. The library is written in TypeScript and ships with type definitions.
Craft.js is a React framework focused on giving developers full control over the editor UI, whereas Grape.js offers a ready‑made HTML builder with its own UI.
Project at a glance
StableLast synced 4 days ago
