Skip to content
forked from frctl/fractal

A tool to help you build & document web component libraries, and then integrate them into your web projects.

License

Notifications You must be signed in to change notification settings

ashhpyor/fractal

 
 

Repository files navigation

Fractal

Fractal is a tool to help you build and document web component libraries and then integrate them into your projects.

Build Status NPM Version Slack Status

Read the Fractal documentation at http://fractal.build/guide.

Introduction

Component (or pattern) libraries are a way of designing and building websites in a modular fashion, breaking up the UI into small, reusable chunks that can then later be assembled in a variety of ways to build anything from larger components right up to whole pages.

Fractal helps you assemble, preview and document website component libraries, and then integrate them into your web sites, apps and build processes to create joined up, 'living' projects.

Fractal can be run from the command line or integrated into your project via its API.

Check out the the Fractal documentation for more information.

Demo

There is no 'official' demo for Fractal up yet, but bits.24ways.org (repository: https://github.com/24ways/frontend) is an excellent example of a component library built on Fractal. Kudos to @paulrobertlloyd for his great work!

Requirements

Fractal requires Node.js v4.4.7+

It is the intention that Fractal’s Node.js version support will track the latest Node LTS release version.

Testing

Fractal is a project that has recently evolved rapidly and organically from a proof-of-concept prototype into a more stable, mature tool. Because of this it's currently pretty far behind where it should be in terms of test coverage. Any contributions on this front would be most welcome!

Existing tests can be run using the npm test command.

Credits

Fractal is developed and maintained by Mark Perkins and the team at Clearleft.

Clearleft

About

A tool to help you build & document web component libraries, and then integrate them into your web projects.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.4%
  • HTML 0.6%