Welcome to Pixflow
Getting started
1. Getting Started: Choose Your Pixflow Workflow
Pixflow layouts and components can be used in more than one way, depending on how you build sites and which design system you prefer. Before installing anything, this guide helps you choose the correct Pixflow workflow for your project. Choosing the right workflow from the start ensures: The Two Ways to Use Pixflow Pixflow supports…
Read
2. Using Pixflow Layouts & Components
Pixflow layouts and components are designed to be used directly inside Bricks Builder, producing native, editable Bricks elements with no exports, ZIP files, or proprietary wrappers. This document explains: Two Supported Ways to Use Pixflow Assets Pixflow layouts and components can be used in two intentional and supported workflows: 1. Remote Templates (Bricks Builder) Paid…
Read
3. Using Pixflow with the Pixflow Framework
Pixflow can be used in multiple ways, depending on how you prefer to work with layouts and design systems. This section applies only when you choose to use the Pixflow framework — Pixflow’s own variable-driven design system — inside Bricks Builder. If you are using framework mapping (ACSS, Advanced Themer, Core Framework, or Raw CSS…
Read
3.1 Importing & Updating Pixflow Framework Styles
This document applies only when using the Pixflow framework. If you are copying layouts using framework mapping (ACSS, Advanced Themer, Core Framework, or Raw CSS), you do not need to import Pixflow framework styles, and this document does not apply. Pixflow layouts and components rely on a mandatory styling framework.This framework must be imported correctly…
Read
3.2 How to Apply Secondary Colour Schemes
This feature applies only when using the Pixflow framework.If you are using framework mapping (ACSS, Advanced Themer, Core Framework, or Raw CSS), this document does not apply. Secondary colour schemes allow you to introduce clear visual context without creating a second brand or breaking hierarchy. This document explains when to use secondary schemes and how…
Read
3.3 Using the Pixflow Style Generator
The Pixflow Style Generator works only with the Pixflow framework.It is not used when copying layouts via framework mapping. The Pixflow Style Generator allows you to create and manage a complete design system for your website when using Pixflow with Bricks Builder. It is built to work directly with Pixflow’s base theme styles, which rely…
Read
4. Using Framework Mapping (Copy & Paste Only)
Framework mapping allows you to use Pixflow layouts and components without adopting the Pixflow framework. Instead of requiring Pixflow’s variable system, Pixflow can rewrite variables at copy time so that copied layouts match the framework you already use. This system exists to give you maximum flexibility without increasing maintenance overhead or fragmenting the Pixflow library.…
Read
5. Global Splide Controls (Custom Arrows & Progress Bars)
Pixflow layouts that use Splide sliders can optionally include custom arrows and progress bars.To keep things fast, clean, and consistent across your site, these features are powered by a single global JavaScript snippet. You only need to install this once per site. After that, any Pixflow layout that supports custom Splide controls will work automatically.…
Read