node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป


Spinnaker Styleguide

This is the collection of reusable Spinnaker patterns.

What does it include?

  • A collection of CSS files with reusable UI elements
  • Style guide generator (gulpfile.js)
  • Style guide generated in public/ directory
  • Style guide template in src/styleguide-template

How to edit

  • yarn
  • yarn start
  • Gulp monitors for changes to styles css and styleguide-template and rebuild the styleguide and the css vars json


  • yarn add @spinnaker/styleguide
  • get the /public/styleguide.min.css for the full CSS pattern library
  • get css-vars.json for the variables


Please use the guidelines here to submit a PR


Please create any issues here