Innoveta · Theme Engine

A live gallery of Innoveta-owned themes

One Innoveta-owned engine turns an AI-emitted JSON recipe into a finished, on-brand marketing site — built on a Bootstrap 5 foundation, layered with Innoveta design tokens, a reusable 18-key section library, recipe-driven assembly and a self-contained motion layer. Every card below is a live, scaled-down render of the real theme page — a true mini-preview, not a screenshot or a description box.

Bootstrap 5.3 foundation Innoveta tokens · 20 families 18-key section library Recipe-driven assembly Motion · AOS + GSAP + Lottie + Rive Live scaled thumbnails

Method 2 — benchmark, don't borrow. Each family was art-directed against premium real-world themes used purely as benchmarks; the markup, CSS, tokens and motion are 100% Innoveta-owned Bootstrap. No theme code, markup or assets were copied.

Group 01 · New

GitHub Favorites

Five new families · benchmarked against the highest-star open-source Bootstrap & admin kits on GitHub
Group 02

10 Most Modern

Newest families · benchmarked against today's premium award-site references
Group 03

The Original 5

The founding theme families — one section library, five distinct industries
How the variation works: every page is assembled by the same engine/sections.js + engine/assemble.js. The recipe and the data-theme family on <body> are the only things that change. engine/tokens.css redefines colour, type, radius, shadow and spacing per family; engine/art.css art-directs each family's decorative chrome; engine/layouts.css gives each family its own layout DNA (nav + footer variant, container width, rhythm, per-section props.variant). The thumbnails above are real <iframe> renders of each sample at a 1440×900 desktop viewport, CSS-scaled into the card.