Getting a Carbon Design System project off the ground quickly is often a challenge for most teams, so we built a template to solve that.

A couple talented folks (Lee Chase, Michael A., Josip Ledić...) and myself have been working on this for a good part of the year - a ready to use template project with the Carbon Design System. We decided to go with React because that's what most teams use at the moment. We also wanted to demonstrate how Carbon should be best integrated, so the whole UI loads fast (server-side rendering, separation of the CSS bundle), with dark & light theming, a responsive layout, some sample unit tests and more. We estimate it will save at least 1 to 2 weeks of work to every team using it, but this is not counting the optimizations we pulled it to make it fast and robust (and we're probably not yet done with that). The main advantage is to start from a common baseline that contains things that users expect nowadays like a good theming support.

It is also a great demo project for existing teams, to show how to best use the Carbon grid and the design system tokens (instead of fragile, hard-coded values).

Already this project is gaining good traction, with more than 700 clones in the last two weeks.

Go try it! We welcome feedback, issues and pull requests.

https://github.com/carbon-design-system/carbon-react-router-starter

– Stephane