— A Page Designer Without Complexity
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.
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.
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.
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!
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
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);
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
From Standard to Pro License ( $129)
From Pro to Super License ( $299)
From Standard to Super License ( $429)
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.
All modern browsers with HTML 5 Specification (Chrome, Firefox, Edge, Safari).
Built with ContentBox.js