Low-level CSS toolkit v7.1.1

Lightning-Fast Modular CSS with No Side Effects

Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.

3.39 KB
22 Modules
297 Rules
452 Declarations

Code with Confidence

Using clear, humanized naming conventions, Basscss is quick to internalize and easy to reason about while speeding up development time with more scalable, more readable code.

No Side Effects

Things behave exactly as expected with immutable utilities and styles that follow the open/closed principle to help prevent common pitfalls with CSS.


Reusable, interoperable styles work like building blocks to lay the foundation for any stylesheet and can be mixed and matched in any number of combinations.

Designed for Design

Basscss strikes a balance between consistency and flexibility to allow for rapid prototyping and quick iterative changes when designing in the browser.

Responsive by Default

Basscss provides lightweight, performant styles and flexible utilities to design for any device and to help reduce boilerplate in stylesheets.


Modular and customizable base, typography, layout, and color styles don’t dictate what things should look like and play well with other stylesheets and frameworks.

Read more about Basscss’s design principles


Base Elements

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


Immutable Utilities

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

Modular, Literally

Basscss is composed of 22 modules - each available in standalone format on npm.

Get Started

View the docs to download Basscss and learn more.