Base manual
What OLObuild is, how it's built, and why it handles 192 tiles with a single engine. Five chapters, then the spec sheet.
What is OLObuild
OLObuild is the suite's chassis: a WordPress page builder where every page element is a tile: a self-contained block with its own fields, its own animations and its own render. The library counts 192 tiles in 10 families (over 100 already in the Free version), all on the same engine.
It's not a theme with shortcodes, nor a generic builder with paid add-ons: animations, text effects, hover and parallax are part of every tile by default. It's built like a modern app, not like a theme.
Tile-based architecture
Every tile is a PHP class Olobuild_<Name>_Tile that inherits from Olobuild_Tile_Base and renders server-side: the HTML comes out ready-made, with no runtime generation in the browser.
- Auto-discovery: each tile's panel is found automatically via
import.meta.glob: adding a tile means creating two files (JS panel config + PHP class) and registering the class. No shortcodes. - Centralized helpers:
Olobuild_Tile_UtilsandOlobuild_Text_Effectskeep the code DRY across all 192 tiles. - Scoped styles: every instance has a unique UID (
olo-XXX-12345): the CSS stays confined, no leaks between instances. - Per-instance hover: the UID classes fix the classic bug "the first element inherits the last one's hover".
Free inheritance — Every tile inherits entrance animations, text effects, hover, conditional visibility and responsiveness across 6 breakpoints from the chassis, without writing an extra line of code.
Inside the builder
The visual editor is a Vue 3 app (Composition API) with a Pinia store and Vite build. Text is edited inline with Tiptap (floating toolbar), drag & drop is an in-house engine, lightweight and free of external libraries.
- REST API with a clean
olobuild/v1namespace. - Two dedicated tables:
wp_olobuild_templatesandwp_olobuild_revisions: no postmeta abuse, real revisions. - Built-in media search: photos, videos, audio and panoramas from seven providers without leaving the builder (Pro edition).
Performance by default
No aggressive caching plugins, no external "optimizers": speed is baked into the architecture.
- IntersectionObserver for everything: entrance animations, text-effects, parallax: zero scroll listeners.
- Video facade: YouTube/Vimeo show the poster; the heavy iframe only loads on click.
- Native lazy-load from the browser on images, videos and galleries.
- Inline critical CSS on above-the-fold blocks; the rest loads async.
- Scoped CSS per instance: no global rule cascading onto the page.
The two editions
- Free · forever · GPL — Over 100 tiles, form builder, dark mode, 10 text effects, 35 entrance animations, a kit on par with competitors' paid Pro builders. OLOlang included for the first year.
- Pro · €29 launch · then €59/year — The entire library (192 tiles), full animations, built-in media search, OLOlang for life, priority support, 30-day refund.
Spec sheet
- Type
- WordPress tile-based page builder, server-side render
- Requirements
- WordPress 5.8+ · PHP 7.4+
- Frontend builder
- Vue 3 (Composition API) + Pinia · build Vite 5
- Style
- SASS + Tailwind (prefix mb-) + UIkit
- Inline editor
- Tiptap, rich text with floating toolbar
- Drag & drop
- @atlaskit/pragmatic-drag-and-drop (~5 kb)
- REST API
- Namespace olo/v1
- Database
- Dedicated tables wp_olobuild_templates · wp_olobuild_revisions
- Library
- 192 tiles · 10 families · 2 files per tile (panel + PHP class)
- Animations
- CSS keyframes + IntersectionObserver · 35 animations · 10 text effects
- Responsive
- 6 breakpoints inherited by every tile
- License
- GPL, open source, no encrypted blobs