Collect Video Testimonials That Build Trust
GrapesJS Studio SDK
White label visual builder SDK for embedding drag and drop website, newsletter, document, and landing page editors inside web applications.
About GrapesJS Studio SDK
GrapesJS Studio SDK is an embeddable white label visual builder for software teams that want to add drag and drop editing inside their own application. It is built for newsletters, websites, documents, and other visual content workflows where users need a no code editor inside an existing product.
The SDK is positioned as a white label version of the GrapesJS Studio editor. Developers can install it as an npm package, embed the editor into a web application, and configure project types such as web and email. It is customizable and extendable through the GrapesJS core API.
GrapesJS Studio SDK supports multi format content creation, reusable blocks, assets, pages, layers, symbols, custom components, responsive styling, and code export. The platform also provides SDK documentation, configuration guides, plugin support, a Studio Platform API, and a dedicated pricing plan for embedded SDK usage.
Key Features
- White Label Visual Editor: Embed a branded drag and drop editor inside your own product or web application.
- Website Builder SDK: Support web project setup for websites, landing pages, and multipage visual editing workflows.
- Multi Format Support: Build editors for newsletters, websites, landing pages, and documents from one SDK.
- Custom Components: Create custom components and allow users to drag and drop them inside the editor.
- Flexible Data Hosting: Choose between cloud or self hosted options for user data and assets.
- Platform API: Use the Studio Platform API to manage projects and workspace resources programmatically.
Pricing
-
Free: $0/month Includes 1,000 sessions per month, 1 domain, 100 MB storage, Studio branding, and standard email support.
-
Startup: $200/month Includes 20,000 sessions per month, 2 domains, 10 GB storage, custom branding, and priority email support.
-
Business: $2,000/month Includes 50,000 sessions per month, 2 domains, wildcard domains, 100 GB storage, custom branding, and a dedicated Slack channel.
-
Enterprise: Custom pricing Includes unlimited sessions, unlimited storage, 24x7 phone support, multiple domains, custom plugin support, and custom branding.
Use Cases
- Embed a drag and drop website builder inside a SaaS product
- Build a white label landing page or microsite editor
- Add newsletter and email template editing with MJML support
- Create document, page, or visual content editing workflows inside an application
Pros & Cons
Pros:
- Supports websites, newsletters, landing pages, and documents from a single visual builder SDK
- Provides white label customization, custom components, plugins, assets, pages, layers, symbols, and code export
- Offers a free SDK plan for production use with session based limits
Cons:
- Pricing is based on editor sessions, storage, and domains, so usage needs to be monitored
- Some advanced capabilities such as custom plugin support, dedicated Slack, and 24x7 phone support are tied to higher plans
Integrations
React, JavaScript, npm, pnpm, yarn, CDN, GrapesJS Core API, Studio SDK Plugins, Studio Platform API, MJML, HTML, CSS, JS
FAQ
What is GrapesJS Studio SDK?
GrapesJS Studio SDK is an embeddable white label version of the GrapesJS Studio visual editor. It lets developers add drag and drop visual editing to external web applications.
What can developers build with GrapesJS Studio SDK?
Developers can build embedded editors for websites, landing pages, newsletters, email templates, documents, and other visual content workflows.
Is GrapesJS Studio SDK different from the open source GrapesJS framework?
Yes. GrapesJS is the open source framework for building visual builders. GrapesJS Studio SDK is the embeddable, production ready, white label editor product built around the GrapesJS ecosystem.
Does GrapesJS Studio SDK support website builder use cases?
Yes. The SDK supports web project setup and can be used to embed website, landing page, and multipage visual editing workflows inside an application.
Does GrapesJS Studio SDK support email projects?
Yes. The SDK documentation includes an email project type and shows MJML based setup for email template projects.
How do developers install GrapesJS Studio SDK?
Developers can install the SDK using npm, pnpm, yarn, or a CDN. The package name shown in the official docs is @grapesjs/studio-sdk.
Does GrapesJS Studio SDK support custom components?
Yes. Developers can create custom components and make them available as drag and drop elements for users inside the editor.
Can GrapesJS Studio SDK be used with React?
Yes. The official getting started documentation includes React usage through the StudioEditor component from @grapesjs/studio-sdk/react.
Does GrapesJS Studio SDK include an API?
Yes. The Studio Platform API lets teams manage workspace resources such as projects programmatically from backend workflows.
Does GrapesJS Studio SDK have a free plan?
Yes. The Free SDK plan includes 1,000 sessions per month, 1 domain, 100 MB storage, Studio branding, and standard email support.
Last edited
September 29, 2026 at 6:02 PM by Venkatraman Chandrasekaran
Similar to GrapesJS Studio SDK
