Need help with topcoat?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

4.3K Stars 394 Forks Apache License 2.0 532 Commits 69 Opened issues


CSS for clean and fast web apps

Services available


Need anything else?

Contributors list


Join the chat at

CSS for clean and fast web apps


  • Download Topcoat

  • Open

    to view the usage guides.
  • Copy your desired theme CSS from the

    folder into your project
  • Copy the

    folders into your project ( Feel free to only copy the images and font weights you intend to use )
  • Link the CSS into your page

*Alternatively incorporate the css into your build process if you are so inclined.


Start by checking out our Backlog. (Pls file issues against this repo.)

For the details see our Engineering Practices.


For performance tests, see dev/test/perf/telemetry/.


Topcoat uses Grunt to build

  • Open the terminal from the topcoat directory

    cd topcoat
  • Install npm *comes packaged with node.

  • Install its command line interface (CLI) globally

    npm install -g grunt-cli
  • Install dependencies with npm

    npm install

*Topcoat uses Grunt 0.4.0. You might want to read more on their website if you haven't upgraded since a lot has changed.

  • Type
    in the command line to build the css.
  • The results will be built into the release folder.
  • Alternatively type
    grunt watch
    to have the build run automatically when you make changes to source files.

Browser support

  • Chrome (latest 2)
  • Edge (latest 2)
  • Firefox (latest 2)
  • Internet Explorer 8+
  • Opera (latest 2)
  • Safari (latest 2)

Release notes

See Release Notes.


Apache license

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.