UI Layout

Components to layout the app's UI

Newest releases

REED-DST General Component(GC, from now) is a React component generation library which helps you prototype your service quickly.
 
1.9k

plankanban The realtime kanban board for workgroups built with React and Redux.
 
2.7k

pmndrs 🌋 React-first components GUI
 

standard-ai A drop-in React Login Portal for your projects. It has minimal overhead and it's easy to configure and use in multiple apps.
 
1.5k

proksh Design System for developers build on styled-components & React JS.
 
1.4k

alibaba The UI design language and React library for Conversational UI
 
261

Paol-imi Responsive, sortable, filterable and draggable grid layouts with React
 
3.9k

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 in
 
277

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
 
1.1k

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

nickbullll 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 yar
 
119

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 co
 
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 fr
 
524

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 typescrip
 
857

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

ohager nanoflux-fusion PROJECT SITE Note: Fusion is still in beta, being tested on some real world examples. You may use it already. If you encounter issues feel free to report them! A Redux-like extension for Nanof
 
1.7k

BinaryMuse Fluxxor is a set of tools to aid in developing React applications with the Flux architecture. Installation Fluxxor is available on npm and works with module bundlers like Browserify and Webpack. npm install
 
321

nachoaIvarez flexbox-react Intro Unopinionated, standard compliant flexbox components. Why You should not learn any proprietary syntax, classnames or API's for this. If you know how to use
 
2.9k

roylee0704 react-flexbox-grid react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules with some extra configuration. http://roylee0704.github.io/react-fl
 
1.2k

dantrain react-stonecutter Animated grid layout component for React, inspired by Masonry. Choose between CSS Transitions or React-Motion for animation. Demo Installation With npm: npm install --save react-stonec
 
15.9k

react-grid-layout React-Grid-Layout React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user
 
202

jxnblk Rgx React grid system – constraint-based responsive grid with no CSS and no media queries. About Rgx is an experimental, responsive grid system based on minimum and maximum widths and designed for content-
 
163

tcoopman React-flexbox Implementation of css flexbox in react with inline styles. It is written in ES6 and requires an ES6 to ES5 transpiler. If there is need for it I can add a transpiled version to the repo. API
 
170

broucz React Inline Grid A predictable gird layout based on flexbox for React applications using inline styles. Install npm install react-inline-grid --save API Sample Usage import React
 
334

robinweser 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