SPF UIkit is made based on Pattern Lab. The source code is being hosted on a public repository on Bitbucket and can be cloned/downloaded from there. Also, a built version of it is hosted on Bitbucket as a static website. They can be accessed using the following links:
Pattern Lab
Pattern Lab Node (GRUNT) version is used to make SPF UI Kit. This version is based on Pattern Lab Mustache.
GRUNT
GRUNT is a JS automation tool. Pattern Lab uses GRUNT to run/build the styleguide. Required tasks are defined in a js filed name Gruntfile.js. This file can be found in the root directolry of SPF's UI Kit source code. Examples of commands are:
-
grunt patternlab:serve: To run Pattern Lab and watch changes
NPM
NPM is used in Pattern Lab as package manager. Examples of commands are:
-
NPM install: To install all the packages that Pattern Lab requires simply navigate to source code's root directory and run -
NPM run patternlab:serve: To run Pattern Lab and watch changes