10

8

6

4

2


9.5

6.9
react-grid-layout

8.8

8.0
golden-layout

8.0
0.8
react-flexbox-grid

6.7
0.0
reflexbox

6.6
0.0
react-masonry-component

6.2
0.0
react-stonecutter

23 UI Layout libraries and projects

  • react-grid-layout

    9.5 6.9 JavaScript
    A draggable and resizable grid layout with responsive breakpoints, for React.

  • golden-layout

    8.8 8.0 JavaScript
    A multi window layout manager for webapps

    • Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
    Sponsored scoutapm.com

  • react-flexbox-grid

    8.0 0.8 JavaScript
    A set of React components implementing flexboxgrid with the power of CSS Modules.

  • reflexbox

    6.7 0.0 JavaScript
    React flexbox layout and grid system.

  • react-masonry-component

    6.6 0.0 JavaScript
    A React.js component for using @desandro's Masonry

  • react-stonecutter

    6.2 0.0 JavaScript
    Animated grid layout component for React

  • react-spaces

    5.5 6.9 TypeScript
    React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

  • hedron

    5.5 0.0 JavaScript
    A no-frills flexbox grid system for React, powered by styled-components.

  • react-reflex

    4.2 3.0 JavaScript
    Resizable Flex layout container components for advanced React web applications

  • particles-bg

    4.1 4.1 JavaScript
    React particles animation background component

  • react-layout-components

    4.0 0.0 JavaScript
    Layout Components for React based on Flexbox

  • flexbox-react

    3.9 3.6 JavaScript
    Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components.

  • react-masonry-mixin

    3.0 0.0 JavaScript
    A React.js mixin for using @desandro's Masonry

  • rgx

    2.8 0.0 JavaScript
    React grid system based on minimum and maximum widths.

  • react-flexbox

    2.7 0.0 JavaScript
    React flexbox implementation

  • muuri-react

    2.7 1.1 TypeScript
    The layout engine for React

  • react-inline-grid

    2.5 0.0 JavaScript
    Predictable flexbox based grid for React.

  • m-react-splitters

    2.4 0.0 JavaScript
    React splitter component, written in TypeScript.

  • react-stack-grid

    2.0 0.0 JavaScript
    Pinterest like layout components for React.js.

  • react-resizer

    1.7 0.0 CoffeeScript
    A React component for resizing HTML elements.

  • reactwm

    1.4 0.0 JavaScript
    A minimal window manager built using React.

  • Spokestack Tray

    0.7 7.9 TypeScript
    React Native component for adding Spokestack to a React Native app

  • react-colrow

    0.5 0.0 TypeScript
    Smarter layout components. Based on css flexbox. Support responsive design, Typescript, server side render. 3 KB gzipped.

Popular Comparisons

SaaSHub - Software Alternatives and Reviews
Sponsored www.saashub.com

Add another 'UI Layout' Library