Modular CSS toolkit based on OOCSS principles
Basscss is a lightweight collection of base element styles, utilities, layout modules, and color styles designed for speed, performance, and scalability.
Lightweight
10KB minified, 2KB gzipped
Modular
Composable and highly reusable structure and styles
Consistent and Flexible
Smart defaults balanced with basic utility
Fast
Performant and simple styles to code faster
Hamburger 1
Hamburger 2
Hamburger 3
Base Elements
Smart defaults for base elements keep core design elements consistent.
Utility Styles
Simple, composable typographic and layout utilities based on consistent scales promote faster design and development in the browser and more performant, more readable code.
.sm-col-4
.sm-col-4
.sm-col-4
.sm-col-4
.sm-col-4
.sm-col-4
Layout Modules
Flexible, responsive, and reusable layout modules control page structure across a wide variety of devices.
Color
Simple, readable color utilities allow for iterative design and flexibility in making design decisions.
Get Started
View the docs to download and read more.