Giter VIP home page Giter VIP logo

fractal's Introduction

Fractal

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

Build Status Greenkeeper badge NPM Version

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

Need help? We have an active and helpful community on Fractal's Slack workspace - join us there for support and tips.

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

Any LTS (Long-term stable) version of NodeJS. At the time of writing this is 6 (Boron) and 8 (Carbon).

If you're on an earlier (unsupported) version of NodeJS, then see the below compatibility table.

NodeJS version Fractal version
4.x 1.1.7
5.x 1.1.7

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.

Contributing

Fractal has an active group of contributors but we are always looking for more help. If you are interested in contributing then please come and say hi on Fractal's Slack workspace - or of course we will always welcome pull requests on any of the frctl organisation repos.

Please note we have a code of conduct, please follow it in all your interactions with the project.

Credits

Fractal is developed and maintained by Danielle Huntrods, Mark Perkins and all our excellent contributors.

Ongoing support by Clearleft makes this project possible. Thank you!

fractal's People

Contributors

allmarkedup avatar dkhuntrods avatar chapabu avatar svenheden avatar snyk-bot avatar arnoud-dv avatar lebenleben avatar greenkeeper[bot] avatar paulrobertlloyd avatar nchase avatar khawkins98 avatar danielruf avatar thisislawatts avatar stowball avatar mischah avatar schleuse avatar baerkins avatar vincevince1006 avatar fvanderwielen avatar k-utsumi avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.