10

8

6

4

2


9.5

6.6
react-grid-layout

8.7

7.7
golden-layout

7.8
0.7
react-flexbox-grid

6.7
0.0
reflexbox

6.6
0.0
react-masonry-component

6.2
0.0
react-stonecutter

25 UI Layout libraries and projects

  • react-grid-layout

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

  • golden-layout

    8.7 7.7 JavaScript
    A multi window layout manager for webapps

    • Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
    Promo

  • react-flexbox-grid

    7.8 0.7 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.8 7.3 HTML
    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.7 2.6 JavaScript
    Resizable Flex layout container components for advanced React web applications

  • particles-bg

    4.7 0.0 JavaScript
    React particles animation background component

  • react-layout-components

    4.1 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.

  • muuri-react

    3.5 0.0 TypeScript
    The layout engine for React

  • 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-stack-grid

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

  • react-inline-grid

    2.7 0.0 JavaScript
    Predictable flexbox based grid for React.

  • m-react-splitters

    2.7 0.0 JavaScript
    React splitter component, written in TypeScript.

  • react-flexbox

    2.7 0.0 JavaScript
    React flexbox implementation

  • react-resizer

    1.9 0.0 CoffeeScript
    A React component for resizing HTML elements.

  • reactwm

    1.5 0.0 JavaScript
    A minimal window manager built using React.

  • Spokestack Tray

    0.9 2.7 TypeScript
    React Native component for adding Spokestack to a React Native app

  • react-colrow

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

  • Reflexy

    0.7 7.7 TypeScript
    Flexbox layout and responsive components.

  • react-schematic

    0.5 5.8 TypeScript
    Build responsive react layouts using styled schematics without an overhead of any theme configuration
Clean code begins in your IDE with SonarLint
sponsored www.sonarlint.org

Popular Comparisons

Less time debugging, more time building
sponsored scoutapm.com

Add another 'UI Layout' Library