Top 20 UI Layout Open-Source Projects

• react-grid-layout

  18 19,450 7.1 JavaScript

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

  

Project mention: Essential tools for implementing React panel layouts | dev.to | 2024-03-19

You can find additional information about the React-Grid-Layout in the repository and documentation.

• golden-layout

  6 6,147 0.0 JavaScript

  A multi window layout manager for webapps

  

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-flexbox-grid

  1 2,923 0.0 JavaScript

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

• react-masonry-component

  0 1,424 0.0 JavaScript

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

• react-stonecutter

  1 1,207 0.0 JavaScript

  Animated grid layout component for React

• react-spaces

  1 1,193 1.5 TypeScript

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

• hedron

  0 865 0.0 JavaScript

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

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• particles-bg

  2 627 0.0 JavaScript

  React particles animation background component

• react-reflex

  1 609 4.2 JavaScript

  Resizable Flex layout container components for advanced React web applications

• muuri-react

  0 343 0.0 TypeScript

  The layout engine for React

• react-layout-components

  0 336 0.0 JavaScript

  Layout Components for React based on Flexbox

• react-stack-grid

  1 175 0.0 JavaScript

• react-masonry-mixin

  0 174 0.0 JavaScript

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

• react-inline-grid

  0 170 0.0 JavaScript

  Predictable flexbox based grid for React.

• react-flexbox

  0 162 0.0 JavaScript

  React flexbox implementation

• react-resizer

  0 50 0.0 CoffeeScript

  A React component for resizing HTML elements.

  

• reactwm

  1 37 0.0 JavaScript

  A minimal window manager built using React.

• react-colrow

  0 6 0.0 TypeScript

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

• reflexy

  0 6 8.0 TypeScript

  Flexbox layout and responsive components.

• react-schematic

  2 5 0.0 TypeScript

  Build responsive react layouts using styled schematics without an overhead of any theme configuration

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

UI Layout related posts

• Essential tools for implementing React panel layouts
  5 projects | dev.to | 19 Mar 2024
• Casca.Space: a Chrome extension for your focus and productivity
  1 project | /r/startpages | 6 Jun 2023
• Is there a library for grid-based drag-n-drop?
  1 project | /r/react | 27 May 2023
• I made a website builder that works like Notion
  1 project | /r/SideProject | 15 May 2023
• Expected children to be simple React Elements (catch-22)
  1 project | /r/reactjs | 5 Apr 2023
• Is there anything like react-grid-layour for RN?
  1 project | /r/reactnative | 13 Mar 2023
• Is there a way to create a drag and drop prototype for multiple components in figma?
  1 project | /r/FigmaDesign | 9 Dec 2022
• A note from our sponsor - SurveyJS
  surveyjs.io | 29 Apr 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com