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
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
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
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
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
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
Quick Jump
Quick Jump
Features
Requirements
Installation
Using yarn
Using npm
Usage
Basic Example
Responsive Example
Upgrading
Documentation
Grid.Provid
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
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
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
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
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 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
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-
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
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
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