Baseline atomic CSS toolkit.
Fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes.
- 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.
Basscss https://github.com/basscss/basscss Popular Low-level CSS Toolkit by Brent Jackson
Tachyons https://github.com/tachyons-css/tachyons Functional css for humans by Adam Morse
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.
Atomic Design by Brad Frost http://atomicdesign.bradfrost.com/ The Atomic Design book from Brad Frost is a must read.
Functional Programming, CSS, and your sanity http://www.jon.gold/2015/07/functional-css/ An article about the beauties of functional programming by Jon Gold
Cooking with Design Systems http://danmall.me/articles/cooking-with-design-systems/ Thoughts about a Design System by Dan Mall
Intro to CSS Grid http://labs.jensimmons.com/ Grid experiments by Jen Simmons
Grid by Example https://gridbyexample.com/ Everything you need to learn CSS Grid Layout by Rachel Andrew