1. Browse the library
The home page lists every component. Use the search bar and filters at the top to narrow by tag or client.
2. Edit a component
Click any card to open the editor. You can edit the HTML, CSS, JS, and PHP panes, assign tags and clients, and preview live on the right.
- Tags help group components by purpose (e.g.
homepage,hero). - Clients are managed from the "Users" popover in the editor toolbar.
3. Build a page
Select components from the gallery, then click Build to merge them into drop-in files: index.html, styles.css,script.js, and borders.php (when PHP is present).
Components tagged homepage are also bundled into a self-containedhomepage.html with CSS and JS inlined.
4. Use quick-start templates
The Quick start templates panel on the right of the home page lets you fill the build queue in one click. Each template is an ordered list of specific components — clicking it adds those components to your queue in order. You can still drag to reorder or remove any item before building.
Templates are shared with everyone — saved in the database, not just your browser. To create or change them, go to Templates in the header (or click Edit on the panel). There you can:
- Add or delete templates and give them a name and description.
- Search and pick the exact components that make up each template.
- Drag components to reorder them — that's the order they'll be added.
- Drag whole templates to reorder how they appear in the panel.
Changes are kept locally until you press Save, which publishes them for everyone. If a component referenced by a template is later deleted, it shows up as (missing component) so you can clean it up.
5. Edit the CMS wrapper
The borders.php page holds the single PHP wrapper used for exports. It's locked by default — click Unlockand confirm before editing, since changes affect every built page.
6. Add a new component
Use the + New button in the header to create a new component from scratch.