fractures

fr·ctures

Baseline atomic CSS toolkit.

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

Getting startedGitHub
version: 1.0.0-beta.10
size: <3kb 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="https://unpkg.com/fractures@1.0.0/dist/fractures.prefixed.min.css" 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