Baseline atomic CSS toolkit.

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

version: 1.3.2
size: 3520b gzipped
  • Basics
  • Sizes
  • Complex
  • Extend
Use atomic, self-explanatory classes with ease.<div class="flex flex-center"> <div></div> <div></div></div>

Getting started

  • Use unpkg cdn
    • <link href="" rel="stylesheet" />
    • This is not great for production, but great for prototypes or lazy people.
  • npm i fractures
    • Then you can 🦄 import "fractures/dist/fractures.css"
    • For production use, I recommend running the fractures.css file through your build process.
    • Here is an example repo with React.
  • Download with your hands