JavaScript UI Layout

Open-source JavaScript projects categorized as UI Layout Edit details

Top 15 JavaScript UI Layout Projects

  • react-grid-layout

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

    Project mention: 25 React component libraries you just might need for your next project! | | 2022-05-31

    react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.

  • golden-layout

    A multi window layout manager for webapps

    Project mention: Using tree data structures to implement terminal split panes | | 2022-01-30

    DomTerm ( uses the Golden Layout library ( As far as I can tell, this does everything mentioned in the article. It also supports tabs, and you can also reposition terminal windows by dragging, neither of which I saw mentioned in the article. (I'm currently working on being able to drag between top-level windows. It sort-of-works, but only at the proof-of-concept level.)

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . 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!

  • react-flexbox-grid

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

    Project mention: What is the meaning of xs, md, lg in CSS Flexbox system? | | 2022-03-29

    I'm developing an application using React and wanted to style components, I found which talks about a fluid grid system. The example looks like:

  • react-masonry-component

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

  • react-stonecutter

    Animated grid layout component for React

  • hedron

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

  • particles-bg

    React particles animation background component

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • react-reflex

    Resizable Flex layout container components for advanced React web applications

    Project mention: Any good alternative for golden-layout (draggable panels+tabs) that will work with react+typescript | | 2021-11-19

    We use react-reflex for out React + TypeScript app

  • react-layout-components

    Layout Components for React based on Flexbox

  • react-masonry-mixin

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

  • react-inline-grid

    Predictable flexbox based grid for React.

  • react-flexbox

    React flexbox implementation

  • react-stack-grid

  • m-react-splitters

    React splitter component, written in TypeScript.

  • reactwm

    A minimal window manager built using React.

    Project mention: react-winbox alternatives - reactwm, vue-winbox, winbox, and rc-dock | | 2022-04-19
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-31.

JavaScript UI Layout related posts


What are some of the best open-source UI Layout projects in JavaScript? This list will help you:

Project Stars
1 react-grid-layout 15,891
2 golden-layout 5,604
3 react-flexbox-grid 2,890
4 react-masonry-component 1,338
5 react-stonecutter 1,150
6 hedron 856
7 particles-bg 489
8 react-reflex 485
9 react-layout-components 334
10 react-masonry-mixin 174
11 react-inline-grid 170
12 react-flexbox 163
13 react-stack-grid 147
14 m-react-splitters 144
15 reactwm 35
Find remote jobs at our new job board There are 4 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Developer Ecosystem Survey 2022
Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.