React Grid System

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

Getting started

Responsive grid

react-grid-system provides a responsive grid similar to Bootstrap (see: 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: ContainerRow, and Col.

An example on how to use these:


API documentation

Example application with SSR

An example application with server-side rendering using features of react-grid-system can be found at




Happy Coding 🙂