WebBlocks Ecosystem Public site
Core system

WebBlocks is the structural source of truth for the whole ecosystem.

WebBlocks is the core component system: reusable components, page-level blocks, standards, docs, and examples. It defines the naming, structure, and composition model before any visual layer or CMS implementation is applied.

What it defines

Components, blocks, and standards

Smaller components, larger sections, and the standards around them stay distinct so structure remains readable and teachable.

Why it matters

Foundation for design and CMS work

WebBlocks UI and WebBlocks Craft both inherit from this layer instead of redefining the same product concepts separately.

Best next move

Read, inspect, then layer on UI

Start in docs, inspect the examples, then move into WebBlocks UI when you are ready to apply the default visual system.

Use WebBlocks when the model matters more than the theme

If your team needs a stable structural language first, WebBlocks is the place to begin. It keeps the architecture explicit before styling or CMS concerns enter the picture.

Start in docs Learn the naming, file layout, and system boundaries.
Inspect the examples See how the component and block model assembles into complete pages.
Move into the UI layer Apply WebBlocks UI when you want the default presentation on top of the same structure.