— Write Anything Beautifully
ContentBuilder.js v5.5.25
Featuring an AI Assistant & New Canvas Mode
A drag & drop HTML editor Javascript library to build content for the web. ContentBuilder.js is the first editor that allows you to build content layout in almost any css framework such as Bootstrap, Foundation, Tailwind CSS, and more.
— A modern editor done right
An editor that works with grid layouts easily, on almost any grid framework!
Build multi-column articles, series of photos, lists and many more. You will be able to produce magazine-style content - with layout freedom - that makes your content beautiful.
The new version features a Canvas mode for seamless block positioning.
— Not just another WYSIWYG editor
Clean text formatting, less inline styles, responsive typographic content
Adjust font styles, leading, tracking with text controls that produce clean output. You can also pick a wide range of font sizes, from small to very large and it will adjust responsively according to screen sizes.
— Image control that matters
Immediate image embed with simple adjustment for aesthetics
The image embed uses base64 format which can be saved automatically as jpg or png. Saving images requires server side handler (examples for saving images in PHP, Node.js and ASP.NET are provided in the package).
— Detailed controls when you need it
Element level editing without complexity
Edit links, create buttons, add spacer, and more. You can move elements, change styles and get creative with your content.
ContentBuilder.js provides you with 200+ beautifully designed content blocks for almost any mission. You can also add your own blocks or customize existing blocks (blocks are defined in an editable JSON file).
— 200+ beautiful blocks
Everything you need to create beautiful content.
The first generic builder for almost any framework
ContentBuilder.js builds content layout using grid systems from popular css frameworks you're familiar with (Bootstrap, Foundation, Tailwind CSS, Materialize or generally 12 column grid systems). If you're not using any of them, basic css will be provided.
As Featured On
t3n
Hacker News
Product Hunt
Usage
ContentBuilder.js is written in pure Javascript (ES6 module) so you can use it in most situations. Sample use in simple HTML, PHP, React, Next.js, Vue, and Laravel project are included in the package. Here is the simple usage example:
var builder = new ContentBuilder({
/* options */
});
To get the content (HTML):
var html = builder.html();
Documentation
Order & Download
Standard
$69
- Websites for clients: Unlimited
- Resale in product or usage as hosted service (SaaS): No
- Source Code: No
Pro
$199
- Websites for clients: Unlimited
- Resale in product or usage as hosted service (SaaS): Yes
(1 product, unlimited users) - Source Code: No
Super
$599
- Websites for clients: Unlimited
- Resale in product or usage as hosted service (SaaS): Yes
(3 products, unlimited users) - Source Code: Yes
1 Year Free Upgrade & Email Support Included
After successful order, an automatic email containing login and download info will be sent.
If no email received within 1-2 hours, please check your spam folder or contact our support at: support@innovastudio.com
Change License
From Standard to Pro License ( $129)
From Pro to Super License ( $399)
From Standard to Super License ( $529)
Upgrade
No Limits License! Regardless of the package you choose, the "Websites for clients: Unlimited" feature allows you to incorporate the library into any number of websites owned by your clients, whether they're personal or company websites.
Understanding the Difference: Standard vs. Pro vs. Super Package