PatternFly 5 is the best open source modular design system you’ll ever use to build enterprise web applications.
Think of PatternFly as a “skinned” version of Bootstrap v4 with additional components and customizations.
No, we are not there yet. PatternFly 5 is in its very early stages.
If you as passionate about CSS as we are, you would love to participate in the community and become a contributor.
PatternFly 5 is implemented using Pattern Lab Node - Gulp Edition.
Please read the coding style guidelines for PatternFly 5.
The guidelines are a work in progress and a live document, if you have any suggestion please contact the PatternFly community or send a PR.
You can follow the directions for installing Node on the Node website if you haven’t done so already. Installation of Node will include npm.
npm is a dependency management and package system which can pull in all of the Gulp Edition’s dependencies for you. To accomplish this run the following:
npm install from a directory containing a
package.json file will download all dependencies defined within.
These are some helpful commands you can use on the command line for working with Pattern Lab.
To list all available commands type:
npm run gulp patternlab:help
To generate the front-end for Pattern Lab type:
npm run gulp patternlab:build
To watch for changes, re-generate the front-end, and serve it via a BrowserSync server, type:
npm run gulp patternlab:serve
BrowserSync should open http://localhost:8082 in your browser.
Follow this steps to publish your results to GitHub pages:
npm run publish -- -r <reponame> publicwhere
<reponame>is the local name of your repo (eg. bleathem, origin, etc.)
Built with :heart: by the PatternFly Community and supported by the Red Hat UXD Team.