React Grid System

A powerful Bootstrap-like responsive grid system for React.

Installation

# 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: 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: ContainerRow, and Col.

An example on how to use these:

Example

API documentation

https://sealninja.github.io/react-grid-system/

Example application with SSR

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

https://github.com/sealninja/react-ssr-example.

NPM: https://www.npmjs.com/package/react-grid-system

GitHub: https://github.com/sealninja/react-grid-system

Author: https://github.com/sealninja

Happy Coding 🙂