1. Fractures icon.fr·ctures
  1. Documentation
  2. About
  3. GitHub icon

Fractures icon.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.

GitHub iconGitHubDocumentation
version: 1.3.3
size: 3290b gzipped
Use atomic, self-explanatory classes with ease. <div class="flex flex-center">	<div />	<div /></div>
  1. Basics
  2. Sizes
  3. Complex
  4. Extend

Getting started

  1. Module
    import 'fractures'

    Install with npm or yarn, then import it once, globally.

  2. CDN

    This is not great for production, but great for prototypes or lazy people.

  3. Download

    Save with your hands, and serve as you wish. 🐹

    See releases on GitHub.