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.

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

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.

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

alibaba The UI design language and React library for Conversational UI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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-

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

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

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