Each component follows a clear naming and structural pattern so your site stays organised over time - leading to less classes and less clutter.
BLOCKS
A Webflow component library built for speed and consistency
Start every project with a solid foundation. BLOCKS helps you build quickly, stay organised, and keep your design system consistent across every page.
Benefits
Consistency built in
Flexible for any design system
BLOCKS adapts to your grid, typography, spacing, and colour tokens. It works with your system, not against it.
Following best practices
Guided by Webflow best practices to keep your structure tidy and your design system effortless to manage.
Built by experts
BLOCKS is shaped by Code & Wander’s practical experience and informed by real work with enterprise teams.
Why
BLOCKS
exists?
Building in Webflow is quick, but the setup rarely is. Every project starts with the same repetitive tasks, and consistency becomes harder to manage as the site grows.
BLOCKS gives you a structured, flexible foundation so you can focus on design and content, not rebuilding the basics.
Quick setup
&
Removes the need for tedious setup, letting you get up and running fast.
Consistent systems
&
With components and tokens you keep design systems consistent as they grow.
Empower your team
&
Technical teams get structure and flexibility. Marketing teams get drag‑and‑drop speed.
A shared starting point
&
BLOCKS gives you a flexible foundation that brings every team onto the same page.
How it works
01
Clone the template
Get started instantly with a clean, well‑structured project.
02
Set your design tokens
Define your colours, typography, and spacing to match your design system.
03
Build with confidence
Drag, drop, and customise—knowing everything stays consistent.