A powerful Bootstrap-like responsive grid system for React.
# Install react peer dependency npm install react@16 # Install react grid system npm install react-grid-system --save
react-grid-system provides a responsive grid similar to Bootstrap (see: https://getbootstrap.com/docs/4.1/layout/grid/). However,
react-grid-system is purely React, even no CSS or class names are used. Moreover, it adds various powerful features, such as setting breakpoints and gutter widths through React’s context.
Three components are provided for creating responsive grids:
Example application with SSR
An example application with server-side rendering using features of
react-grid-system can be found at
Happy Coding 🙂