Layout Components for React based on Flexbox

React Layout Components npm install react-layout-components Useful, Modern and universal layout Components for React.js based on flexbox. The basis <Box> Component is highly inspired by React Native's Flexbox implement

Related Repos


839

garetmckinley Quick Jump Quick Jump Features Requirements Installation Using yarn Using npm Usage Basic Example Responsive Example Upgrading Documentation Grid.Provider
 
485

rcdexta react-event-timeline React component to generate a responsive vertical event timeline Storybook demos here: https://rcdexta.github.io/react-event-timeline CodeSandbox version to play with examples (in typescript):
 
2.1k

rebassjs Grid Styled Responsive React grid system built with styled-system, with support for styled-components and emotion https://jxnblk.com/grid-styled Getting Started npm i grid-styled import React from 'react'
 
115

monvillalon About react-page-layout allows you to share a common layout across many different components. Very usefull with something like react-router to abstract the main elements of your design across many routes and reducing code duplica
 
179

abraztsov ReactSimpleFlexGrid A way to quickly add a Flexbox Grid Layout to your app 🚀 Layout based on 12 Grids System. Basic Usage Install via npm and yarn npm i -S react-simple-flex-grid // or yarn add reac
 
957

danielbayerlein Dashboard Create your own team dashboard with custom widgets. Table of Contents Installation Server Development Production Docker Create a Dashboard
 
269

buildo FlexView A powerful React component to abstract over flexbox and create any layout on any browser. Install yarn add react-flexview Why The flexbox API is powerful but far from being perfect. The API is co
 
2.4k

devias-io Devias Kit - Admin Dashboard Free React Dashboard made with Material UI's components, React and of course create-react-app to boost your app development process! We'll launch a pro version soon, so if you are interested s