10

8

6

4

2


9.6

7.2
react-grid-layout

8.7
0.0
golden-layout

7.8
0.0
react-flexbox-grid

6.7
0.0
reflexbox

6.6
0.0
react-masonry-component

6.1
0.0
react-stonecutter

25 UI Layout libraries and projects

  • react-grid-layout

    9.6 7.2 JavaScript
    A draggable and resizable grid layout with responsive breakpoints, for React.

  • golden-layout

    8.7 0.0 JavaScript
    A multi window layout manager for webapps

    • SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
    Promo

  • react-flexbox-grid

    7.8 0.0 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.1 0.0 JavaScript
    Animated grid layout component for React

  • react-spaces

    5.9 0.0 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.

  • particles-bg

    5.0 0.0 JavaScript
    React particles animation background component

  • react-reflex

    4.9 0.0 JavaScript
    Resizable Flex layout container components for advanced React web applications

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

  • muuri-react

    3.8 0.0 TypeScript
    The layout engine for React

  • react-masonry-mixin

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

  • react-stack-grid

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

  • rgx

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

  • m-react-splitters

    2.8 0.0 JavaScript
    React splitter component, written in TypeScript.

  • react-flexbox

    2.7 0.0 JavaScript
    React flexbox implementation

  • react-inline-grid

    2.6 0.0 JavaScript
    Predictable flexbox based grid for React.

  • react-resizer

    1.8 0.0 CoffeeScript
    A React component for resizing HTML elements.

  • reactwm

    1.6 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.6 0.0 TypeScript
    Flexbox layout and responsive components.

  • react-schematic

    0.5 5.9 TypeScript
    Build responsive react layouts using styled schematics without an overhead of any theme configuration
Amplication: open-source Node.js backend code generator
sponsored amplication.com

Popular Comparisons

Appwrite - The open-source backend cloud platform
sponsored appwrite.io

Add another 'UI Layout' Library