Skip to content
AppClap
ContentBox.js is unclaimed —
C

ContentBox.js

A Web Page Designer Without Complexity·innovastudio.com

Visit

ContentBox.js is a JavaScript library for building full web pages with elegant, magazine-style layouts, expressive typography, and visual storytelling. It uses ContentBuilder.js as its underlying HTML editor and adds page-design features such as layout templates, animation tools, and AI-assisted content generation. It is intended for developers building custom CMS platforms or online site-builder products, and integrates with plain HTML, PHP, React, Next.js, Vue, Laravel, and ASP.NET Core projects.

What it's for

building a custom CMSbuilding a website builder platformcreating magazine-style editorial web page layoutsdesigning portfolios and brand-focused websitesbuilding long-form storytelling pagesadding scroll-triggered and pinned-section animations to web pagesgenerating page content and images via natural-language AI prompts

Features 17

  • 250+ pre-designed magazine-style layouts
  • Ability to build custom plugins
  • AI Code Chat for designing layouts, generating images, and editing content via natural-language prompts
  • API methods to get/load page HTML and CSS (html(), mainCss(), sectionCss(), loadHtml(), loadStyles())
  • Built on ContentBuilder.js as its core HTML editing engine
  • Canvas (Gridless) Section for free-form block positioning
  • Editorial typography settings for headers and oversized text
  • Integration examples for plain HTML, PHP, React, Next.js, Vue, Laravel, and ASP.NET Core
  • Lazy-loading of plugin scripts/styles for performance
  • No-code animation builder with on-view/on-scroll triggers
  • Ready-made plugins (sliders, galleries, logo loops, hero animations)
  • Row, column, and element-level spacing controls
  • Scroll scrubbing and section pinning for animations
  • Structured row-and-column controls for asymmetric layouts
  • Support for multiple AI code-generation and image-generation models via Code Chat
  • Works with Bootstrap, Tailwind CSS, Foundation, and other CSS frameworks
  • Written in pure JavaScript (ES6 module)

At a glance

self-hostableAPI
TypeLibrary / SDK
DeploymentSelf-hosted
PlatformsWeb
Forweb developers
CompanyInnovaStudio.com (INSITE MITRA INOVINDO)

Integrations

ContentBuilder.jsFoundationFal.aiBootstrapOpenRouterTailwind CSS

Resources

Pricing

All license tiers are one-time purchases (not subscriptions) and include 1 year of free upgrades and email support.

StandardQuote

One-time license purchase.

Websites for clients: Unlimited; Resale/usage as hosted SaaS: No; Source Code: No

ProQuote

One-time license purchase.

Websites for clients: Unlimited; Resale/usage as hosted SaaS: Yes (1 product, unlimited users); Source Code: No

SuperQuote

One-time license purchase.

Websites for clients: Unlimited; Resale/usage as hosted SaaS: Yes (3 products, unlimited users); Source Code: Yes

Last checked yesterday·