Functional CSS, but only the good parts.
fr·ctures tries to abstract away the complexities UI design has to offer.
Have questions? Open an issue on GitHub.
- 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.
- I don't think percentage based CSS breakpoints are universal enough, so you have to handle responsive states yourself.
- You can use it in production, but you have to create your own fallbacks. The prefixed version handles some, but not everything.
I started this project as my own reset.css when having a reset css was cool. It was grown into a common.css, then a tools.css. Now it's somewhat atomic.
I've also learned some tricks from these smart people:
- Atomic Design by Brad Frost
- Functional Programming, CSS, and your sanity by Jon Gold
- Cooking with Design Systems by Dan Mall
- Pure UI by Guillermo Rauch
- Grid by Example by Rachel Andrew
The concept of functional CSS is not new. There are quite a few similar projects out there you can choose from if you looking for something different: #functional-css.