— A Page Designer Without Complexity

ContentBox.js v5.5.5

ContentBox.js is a web page designer Javascript library. It uses ContentBuilder.js as its HTML editor with added features for page designing. Use it to create your own CMS or online site builder.

No Code Animation Builder

Create on-view or on-scroll triggered animation with scrubbing, section pinning and more.

It's probably the only animation builder that has section pinning settings for scroll scrubbing, which normally requires manual coding (eg. using GSAP or ScrollTrigger). ContentBox.js brings this feature into a simple panel you can play with, complete with a Live Preview for various screen sizes.

A Story Builder

Not just another landing page designer. It's a story builder that allows you to build your page in magazine-style layout. Its grid system supports popular css frameworks, such as Bootstrap, Foundation, Tailwind CSS, and more.

One click typography control

Browse a reasonable set of typography styles and apply it to a specific section or the entire page with a single click. You can even use big font sizes and it will still be responsive!

Essential Settings to Get Creative & Trigger More Ideas

No complex style settings, just simple dialogs that you can play with to get the result or trigger more ideas. The controls are focused only on the essentials.

A page can have multiple sections. Start with a simple section or choose from the templates library. Then start adding blocks for your content.

— Everything you need to create beautiful content

Sections & blocks for any mission

Usage

ContentBox.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 ContentBox({
    /* options */
});

To get the content (HTML & its styles):

var html = builder.html();
var mainCss = builder.mainCss(); // get page style
var sectionCss = builder.sectionCss(); // get sections' styles

To load the content (HTML & its styles):

builder.loadHtml(html);
builder.loadStyles(mainCss, sectionCss);

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

$499

  • 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 ( $299)

From Standard to Super License ( $429)

Upgrade

Upgrade here

Note

ContentBox.js includes fully functional ContentBuilder.js (minified) for editing that can only be used within ContentBox.js. For independent usage (outside of ContentBox.js), we recommend ContentBuilder.js full package.

Requirements

All modern browsers with HTML 5 Specification (Chrome, Firefox, Edge, Safari).

Built with ContentBox.js

© 2023 InnovaStudio

This site is built with Site Builder Kit