About GrapesJS Studio SDK
Overview
GrapesJS Studio SDK lets developers embed a white-label visual editor in their own app. Users create newsletters, landing pages, websites, and documents with drag-and-drop editing.
The editor also runs in ChatGPT and Grapes Studio. It exports HTML, CSS, and JS, and outputs simple JSON.
Key Benefits
- Embed a customizable, white-label editor and style it to match your product.
- Let users build newsletters, landing pages, websites, and documents in one editor.
- Choose cloud or self-hosted data hosting with no lock-in.
- Export to any code and project with built-in HTML, CSS, and JS export.
- Get dedicated assistance from the GrapesJS team.
- Start on a free plan that includes all basic features.
How It Works
You get a license and embed the editor in your app with the SDK. You then define custom components, plugins, and styling, and connect external data sources for dynamic content. Your users drag and drop components, edit styles, and export their finished work as code.
Use Cases
- SaaS developers embed a newsletter builder so customers design emails inside the product.
- Marketing platform teams offer a landing page builder to their users.
- Web agencies build website builders with custom components for clients.
- Product teams add document editing with reusable symbols across pages.
- Enterprise engineering teams self-host the editor with custom plugins and branding.
Why Choose This Product
The SDK combines an extendable editor with a free plan and flexible data hosting. The free plan includes 1,000 sessions per month and shows Studio branding, while paid plans add custom branding and higher limits.
GrapesJS Studio SDK Pros & Cons
- Free plan with 1,000 sessions per month
- White-label and customizable editor UI
- Cloud or self-hosted data with no lock-in
- Built-in HTML/CSS/JS export
- Supports newsletters, landing pages, websites, and documents
- Free plan shows Studio branding
- Free plan limited to 1,000 sessions and 1 domain per month
Key Features
Drag-and-Drop Editing
Users build content visually by dragging and dropping components around the canvas.
Custom Components
Developers create custom components that users drag and drop around the editor.
Responsive Styling
Styling is configurable for any CSS properties and supports content that looks great on any device.
White-Label UI
The built-in UI is customizable so you can style the editor as you see fit.
HTML/CSS/JS Export
The editor outputs simple JSON and exports to any code and project with built-in HTML, CSS, and JS export.
Assets Manager
A built-in assets manager keeps track of assets within the editor.
Pages and Layers
Pages and Layers managers help users organize content.
Symbols
Symbols let users create reusable components across pages.
External Data
The editor integrates with external data sources to create dynamic content.
Plugins and Panels
Custom plugins extend the editor, and additional panels include a Style Catalog and Template Manager.
GrapesJS Studio SDK Pricing
View full pricing →- All basic features
- 1,000 sessions per month
- 1 domain included
- Studio branding
- Standard email support
- 20,000 sessions per month
- 2 domains included
- Custom branding
- Priority email support
- 10 GB storage
- 50,000 sessions per month
- 2 domains included
- Wildcard domains
- Dedicated Slack channel
- 100 GB storage
- Unlimited sessions
- 24x7 phone support
- Custom plugin support
- Multiple domains support
- Custom development
| Feature | Free Free | Startup $200/mo | Business $2000/mo | Enterprise Custom |
|---|---|---|---|---|
| All basic features | ||||
| 1,000 sessions per month | ||||
| 1 domain included | ||||
| Studio branding | ||||
| Standard email support | ||||
| 20,000 sessions per month | ||||
| 2 domains included | ||||
| Custom branding | ||||
| Priority email support | ||||
| 10 GB storage | ||||
| 50,000 sessions per month | ||||
| Wildcard domains | ||||
| Dedicated Slack channel | ||||
| 100 GB storage | ||||
| Unlimited sessions | ||||
| 24x7 phone support | ||||
| Custom plugin support | ||||
| Multiple domains support | ||||
| Custom development |
Pricing extracted from the product website and may change. Check the source for current details.
Frequently asked questions about GrapesJS Studio SDK
Is GrapesJS Studio SDK free?
Yes, a Free plan exists at $0 with all basic features, 1,000 sessions per month, 1 domain, and Studio branding. Paid plans start at $200/month for Startup.
What can users build with the editor?
Users can create newsletters, landing pages, websites, and documents with the embedded visual editor.
Can I choose where to store data?
Yes. The page lists flexible data hosting with no lock-in, so you can choose cloud or self-hosted options.
Can I export code from the editor?
Yes. GrapesJS outputs simple JSON and exports to any code and project, with HTML, CSS, and JS export built in.
Can I remove Studio branding?
Custom branding is available on the Startup, Business, and Enterprise plans. The Free plan shows Studio branding.
What support is available?
Free includes standard email support, Startup has priority email, Business adds a dedicated Slack channel, and Enterprise includes 24x7 phone support.