CSS JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.


Fractures badge


Baseline atomic CSS toolkit.

Fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes.

Read the docs for examples, or find out more.


  • You can design with — not around it. Leaves UI untouched.
  • Atomic, non blocking.
  • Manageable cognitive load, with a small footprint.
  • Fast in every way.
  • Framework agnostic.

Resources and similar project

The concept of functional CSS is not new. There are larger, more mature libraries out there you can choose from.

Or — of course — you can learn, experiment, and even roll your own version. Below you can find resources and reads that I think are useful.