IBM have created Carbon Design System for their Cloud products.
The team describe the system as 'a collection of reusable HTML and SCSS partials to build websites and user interfaces'. So it is similar to other boilerplate frameworks.
As mentioned, they have reusable components, both HTML and SCSS.
They have decent support for accessibility which has been severely lacking over the years (I was well into Zeldman and accessibility ~2003).
They have a responsive grid (up to 12 columns) system.
Use with React
Putting it all together
- Install carbon react components:
yarn add carbon-components-react carbon-components carbon-icons
- Create custom theme
- Import styles from
- Create grid layout
- Create React components using Storyboard
npx create-react-app carbon cd carbon yarn add carbon-components-react carbon-components carbon-icons # In different terminals: yarn run storybook yarn start yarn test