npm i fractures @ 2.0.0-beta-0
Fast in every way
Small cognitive load
<article className="article-block__item flex p-4">
No more class flooding. Do better than flex flex-wrap items-baseline pl-52 -mt-6 -mr-6 -ml-52 py-6 pr-6 bg-black text-white.
<header className="flex md:flex-column">
<a className="blue-700 hover:blue-900"/>
Easy but powerful
<div className="flex bg-gray-900">
Fractures was created at the CSS level, and it's incomplete by design. Configure CSS variables at :root and follow the outlined patterns with your own code.
Fractures is a relaxed, long term take on design systems and prototyping, trying to abstract away some complexities interface design has to offer. You can build around it or on top of it, but would not replace the work you have to do.
Ask a question on GitHub, say hi on twitter.