Write Anything Beautifully


An awesome content editor + layout builder jQuery plugin for your web apps, CMS or online site builder. It is probably the first & the only generic builder that works with almost any css framework such as Bootstrap, Foundation, Materialize and more.

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

Start with simple blocks or choose from the library. The editing controls are configurable 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).


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>


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


Hacker News

Product Hunt

Order & Download

20% OFF New Version Special!
Until Friday, Aug 23

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 $103)
From Pro to Super License ($399 $319)
From Standard to Super License ($529 $423)


Upgrade here