— A Page Designer Without Complexity
ContentBox.js v5.5.3
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
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