— Write Anything Beautifully

ContentBuilder.js v5.5.11

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 and Vue project are included. 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

Upgrade here


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

© 2024 InnovaStudio

This site is built with Site Builder Kit