ContentBuilder.js ver. 3.5 (July 2019)

Write Anything Beautifully

ContentBuilder.js is a content editor + layout builder jQuery plugin. It is probably the only generic builder that works with (or without) popular css frameworks (Bootstrap, Foundation, Materialize or generally 12 columns grid systems).

A Clean editor for your web apps, CMS, or Online site builder

Start with simple blocks or choose from the library. The editing controls focus only on the essentials, to help you write with less distraction.

Clear Interface. Build Layout Faster

Drag & drop is cool, but can be inefficient. While supporting drag & drop, ContentBuider.js uses simple click/tap to build content or change layout - a new UX approach for layout building that you may not find anywhere else (at the moment).

Element Level Editing Without Complexity

Improve editing experience with the flexibility to manage rows, columns & elements the right way (all without adding complexity to the HTML structure).

Super Easy Image Handling

Note: The image embed uses base64 format which can be saved automatically as jpg or png. Saving image requires server side handler (example in PHP and ASP.NET for saving image is provided in the package).

Everything you need to create beautiful content. 

ContentBuilder.js provides you with 200+ beautifully designed content blocks. Content blocks are not just basic/individual elements (such as heading, paragraph or image). They are pre-designed content built for almost any mission.

You can also add your own blocks or customize existing blocks (blocks are defined in a JSON file).

Usage

Include jQuery and the plugin js/css files:

<link href="contentbuilder/contentbuilder.css" rel="stylesheet" type="text/css" />
<script src="contentbuilder/contentbuilder.min.js" type="text/javascript"></script>

Call:

var obj = $.contentbuilder({
     container: '.container'
});

To get the HTML content:

var html = obj.html();

Content/result can be viewed in all modern browsers. For editing, we recommend:

  • Recent versions of Chrome, Firefox, Safari, Opera.
  • IE 10 or later.

You can also develop plugins for ContentBuilder.js.

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, Materialize or generally 12 columns grid systems). 

If you're not using any of them, basic css will be provided. 

As Featured On


t3n

Hacker News

Product Hunt

Order & Download



Standard:

$69.95

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