Mast <> A CSS Framework for Webflow
Mast is a lightweight, developer-first framework of essential classes and strategies to help you build efficiently for any brand and scale.
Read DocsClone stylesLess is more
Less classes, less elements, and less maintenance equals faster site, development and customization. Build from scratch in record time, and quickly customize the base styles to match your brand.
Light BASE CSS
32 kb
Minimal type system
h1 - h4
Create vs copy
Leverage the power of Webflow to quickly build anything from scratch with an essential set of HTML/CSS building blocks, versus spending time finding and modifying pre-built templates and components.
DRY 12 column grid
66 classes
Strategic Utilities
39 classes
Helpers
Class notation
Tried & true
An opinionated framework of fundamental base, layout and utility classes defined from 10+ years of front-end development best practices that are applicable to almost any use case.
Powerful Unit strategy
REM + EM + % + PX
Robust Nomenclature
Prefixing + Infixing


Why Mast?
Check out this livestream presentation from one of Mast's creators — walking through the why, what and how of Mast and building the web with frameworks.


Read the docs
Learn more about the underlying strategy, best practices and documentation on how to get started with Mast and use it to its full potential.

Clone style guide
Start each project from this base project of classes that are the foundation of the Mast framework.

Share some feedback
Have a question or comment related to MAST? We are grateful for anyone that has the time to take it for a spin and welcome all feedback!
Send Feedback