Building with components
Small Medium Large removes the need to stack classes manually. Each component exposes a defined set of properties that control layout, spacing, alignment, and typography. Instead of layering styles and overrides, you configure behaviour directly.
Traditional Webflow builds rely heavily on manual class management. Layout behaviour and typography are often defined through stacked classes.
When a layout changes, classes frequently need to be removed and added again to keep alignment, and breakpoint behaviour consistent. Even small structural edits can turn into careful class management rather than a straightforward layout change.
In Small Medium Large, components replace that pattern. Behaviour is configured through defined properties, keeping structure predictable and eliminating the need for class combinations.
Each component exposes the properties that are relevant to its role. A row controls gap, direction, and alignment. A column controls width and breakpoint behaviour. Text components control scale and hierarchy.
Out of the box, these components cover the most common layout requirements. They are deliberately kept lean, without predefined visual styles you may not need. Small Medium Large prioritises structural clarity over built-in decoration.
Developers extend components where necessary to match the specifics of a design. The foundation remains consistent, while the interface adapts to the project.
