FeaturesWhat Kubbler puts together, and from what.

A Kubbler site is made of pieces you can see, pick and tune: a brand kit, blocks, pages, a layout, a template to start from. Each piece has its editor. These pages show them rendered live, by the same engine as published sites.

Updated on

Five principles, from your sentence to your live site.

It all starts with a sentence

You describe your business in the Studio, in your own words. Before anything is written, Kubbler proposes a plan: the pages, the data to keep, the server routes. You approve it, then the build begins.

The Studio, screen by screen
The Studio at The idea step: the project name, the description, the checklist and the seven steps.
The Studio, at the first of its seven steps

A site is made of pieces

A brand kit dresses everything. Blocks, placed in order, make a page. A layout surrounds the pages of a group: the header, the footer. A template brings it all together to start a whole site.

1Brand kit2Blocks3Pages4Layout5Template
See a page taken apart
A library page taken apart: a grocery's home page, its blocks outlined and named, the panel that details the chain from the brand kit to the node.
A library page, its blocks outlined and named

A library, then your copy

Brand kits, blocks and whole pages are ready in the Kubbler library. What you take becomes your project's copy: tuning it changes neither the library nor your other projects.

Browse the library
19brand kits
516blocks
42composed pages
69heroes30navigation bars18footers

Counted live in the library.

Every piece has its editor

The brand kit, a page, a layout, a block, a template: each opens in its editor, and every setting shows at once. What the app does reads too: the Mechanisms link every block to the data it reads or writes.

The nine screens
The brand kit editor in light theme, Colours tab, the project's home page previewed on the right.
Brand kit
The Workshop open on a pastry shop's home page: the bar at the top, the rail on the left, the page in the middle, the view tray at the bottom.
Page
The Site layout being edited: the named zones on the greyed page, the Layout panel on the left.
Layout
A demo's Mechanisms: the columns from the page to the collections, the order block's chain traced in ink.
Mechanisms

The rest is provided by Kubbler

What every app needs, you do not build: Kubbler services are there from day one, maintained by our team for every project.

Accounts

Verified sign-up, sign-in, password reset, two-factor authentication.

Payment

One-time card payment, through Stripe.

Emails

Account, booking and order emails.

Hosting

With OVHcloud, in France, over HTTPS, with one isolated database per project.

Dev and Prod

Two separate databases: your tests never touch your customers' data.

The chapters, piece by piece.

Each chapter introduces a piece, then shows it for real: its showroom renders the library live.

Brand kits

The library's brand kits on one section, then on a whole page with the sheet of every value. Then the editor, and the path from a brand kit to your site.

Open the chapter

Templates

The Studio's starting templates, the library's composed pages, a page taken apart live, and sites made with Kubbler.

Open the chapter

Blocks

What makes a block, rendered live; the library aisle by aisle; the blocks that act, read in plain words and wired to data.

Open the chapter

Editors

Kubbler's nine screens, annotated; what a gesture becomes, from draft to live; the library, where opening means copying.

Open the chapter