fr·cturesBaseline atomic CSS toolkit.
fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes. Learn more.
size: 3290b gzipped
Use atomic, self-explanatory classes with ease.
<div class="flex flex-center">
npm i fractures
Install with npm or yarn, then import it once, globally. You can find usage examples under fractures-examples for React and Next.js.Although you can import
fractures.prefixed.min.cssjust as easily—for production use, I recommend running the fractures.css file through your build process.
<link href="https://firstname.lastname@example.org/dist/fractures.prefixed.min.css" rel="stylesheet" />
This is not great for production, but great for prototypes or lazy people.
Save with your hands, and serve as you wish. 🐹
See releases on GitHub