Changelog
Improved ACSS Variable Mapping Accuracy
Improved the accuracy of Automatic CSS (ACSS) variable mapping to better align Pixflow tokens with their closest ACSS equivalents for spacing, typography, and radius scales.
ACSS Spacing Mapping Improvements
Refined the mapping of Pixflow spacing tokens to their closest ACSS equivalents to better preserve spacing hierarchy when using Pixflow layouts with ACSS frameworks.
ACSS Heading Scale Alignment
Updated Pixflow heading token mappings so they resolve to ACSS heading sizes that more closely match the intended visual scale.
Radius Scale Mapping for ACSS
Pixflow radius scale tokens now map directly to the ACSS radius scale, preventing them from collapsing into a single global radius value while still respecting ACSS’s global radius control for buttons and surfaces.
Custom Framework Mapping Spacing & Typography Scale Improvements
Improved scale configuration flexibility with optional naming prefixes, a reversible variable naming order, and refined scale controls for Spacing and Typography.
Reverse Variable Naming Toggle
Added a new toggle option in the Spacing and Typography scale settings that allows users to reverse the generated variable naming order while keeping scale values unchanged. This makes it easier to match existing token systems that use descending naming structures.
Flexible Naming Convention Inputs
Removed the automatic dash suffix previously applied to naming convention inputs. Users can now define prefixes exactly as entered, allowing naming structures such as --xs, --s, or any custom format without modification.
16 New Layouts & 6 New Components
This update introduces 16 new layouts and 6 new components to the Pixflow library. Development focus recently shifted to delivering Native Bricks Custom Framework Mapping, and with that now complete, layout releases return to their regular pace.
16 new layouts
12 new production-ready layouts added.
6 new components
4 new modular components added to support faster builds and cleaner composition.
Custom Mapping Wizard Improvements, Reset Stability & UX Enhancements
This update focuses on improving reset reliability, state hydration accuracy, naming flexibility, UI clarity, and overall runtime performance.
Naming Convention Flexibility (Spacing & Typography)
Spacing and Typography naming convention inputs can now be left empty, allowing users to use simplified token structures such as --xs, --s, etc., without forced prefix restoration.
Step Hydration & Render Optimisation
Optimised wizard rendering so only the active mapping step re-renders during reset and hydration. This reduces unnecessary DOM updates and improves responsiveness.
Wizard Reset Stability Improvements
Improved global reset behaviour to ensure all steps (Colors, Radius, Grid, Other variables, Spacing, Typography) fully synchronise instantly without requiring a page reload.
Map-Scope State Synchronisation Fixes
Resolved inconsistencies where toggle states (such as “Allow raw values”) and previously entered mappings could appear stale after reset until a manual refresh.
Archive Image Priority Optimization
Improved image loading performance on archive pages (layout and component) by implementing server-side image priority control and removing unnecessary client-side scheduling delays. Above-the-fold card images now load eagerly, reducing perceived load time and improving LCP stability.
Server-Side Archive Image Priority Control
Added server-side logic to modify image loading attributes on layout and component archive and taxonomy pages.
Native Browser Lazy Loading Enforcement
Removed reliance on JavaScript-based image scheduling in favor of native browser loading behavior. This reduces main-thread overhead and improves rendering consistency across Chromium-based browsers, including Brave.
Cache-Safe Rendering Integration
Ensured compatibility with FastCGI full-page caching and Redis object caching. Image attribute modifications are applied at render time without affecting cache keys or invalidating existing caching layers.
Performance Audit & Stability Refinement
Audited archive rendering performance to ensure no regressions in server-side rendering or image decoding behavior. Confirmed stable TTFB for guests and improved above-the-fold visual load performance.
Native Bricks Custom Framework Mapping
Added a Custom Mapping Wizard allowing native Bricks users to map their own CSS variables to Pixflow tokens with automatic copy-time replacement.
Custom Framework Mapping
Introduced a full variable mapping system allowing users to map their own CSS variables to Pixflow tokens via a step-by-step wizard.
Copy-Time Variable Rewrite Engine
Added automatic token replacement during layout copy, rewriting Pixflow variables to user-defined mappings before insertion into Bricks.
Native Bricks Support (No External Variable Imports Required)
Pixflow layouts now work directly with Bricks’ native variable system without requiring ACSS, Core Framework, or additional variable imports.