Low-level CSS Toolkit

v5.0.1 (5 KB)

Docs Github

Lightning-Fast, Modular CSS for Designers

Basscss is a lightweight collection of base element styles, utilities, layout modules, and color styles designed for speed, performance, and scalability.

Designed for Design

With simple, humanized naming conventions, Basscss is quick to internalize and easy to wrap your head around, while striking a balance between consistency and flexiblity.

Responsive by Default

The web is inherently flexible, Basscss doesn’t break that tradition and provides lightweight solutions to design for all devices.


Basscss doesn’t dictate what your site should look like. With extensible base styles and variables for typography, white space, breakpoints, and UI elements, it’s made to be customized.

Mix and Match

With modular styles that work like building blocks, Basscss provides a foundation of reusable and inter-operable styles for greater freedom when designing in the browser.


Base Elements

Core typographic, form, button, and base element styles keep designs consistent where it matters most.

Utility Styles

Simple, composable typographic and layout utilities based on common scales promote faster design and development in the browser and more performant, more readable code.


Layout Modules

Flexible, responsive, and reusable grid and flexbox modules control page structure across a wide variety of devices.


Simple, customizable color utilities encourage iterative design and allow for flexibility over time. Featuring colors from mrmrs/colors.

Built with Basscss

View More

Get Started

View the docs to download Basscss and learn more.