This is an online demo of ContentBuilder.js.

Online HTML Editor

( Click to edit this page )

This is an online demo of ContentBuilder.js, a Javascript library for content editing. ContentBuilder.js is the first editor that allows you to build content layout in almost any css grid framework such as Bootstrap, Foundation, Materialize and more. Written in pure Javascript (no JQuery include needed).

Build multi-column content, series of photos, lists of features and many more. You will be able to produce magazine-style content - with layout freedom - that makes web content beautiful and responsive. Includes 200+ beautiful blocks for almost any mission. You can also add your own blocks

Preferences
Row
Column
Add to Left
Add to Right
Basic
Basic
Article
Headline
Buttons
Photos
Profile
Contact
Products
Features
Process
Pricing
Skills
Achievements
Quotes
Partners
As Featured On
Page Not Found
Coming Soon
Help, FAQ
Background Color:
Dimension
Width:
Height:
Max Width:
Max Height:
Min Width:
Min Height:
Overflow x:
Overflow y:
Style:
Class:
Custom:
deg
Font
Module Settings
Custom Code (Javascript Allowed)
Table
Background:
Text Color:
Border Thickness:
Border Color:
Apply To:
Insert Row:
Insert Column:

Heading 1

Heading 2

Heading 3

Heading 4

Paragraph

Preformatted

Forecolor
Backcolor
Font Size
Line Spacing
Letter Spacing

Drag and drop an image or click to browse.

Or Specify Image Source:

1440px
Word Count
 words
Characters:
Characters (no spaces):
Button Editor