JavaScript UI Layout

Open-source JavaScript projects categorized as UI Layout
Edit details
React react-components ReactJS JavaScript react-component
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 12 JavaScript UI Layout Projects

UI Layout

  1. react-grid-layout

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

    Project mention: Getting Started with React-Grid-Layout | dev.to | 2025-05-15

    React-Grid-Layout is a user-friendly yet powerful library. My development experience with this library has been excellent. Its GitHub repository provides comprehensive documentation and live demos, making it highly recommended for developers to have a try.

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo

  3. react-flexbox-grid

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

  4. react-masonry-component

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

  5. react-stonecutter

    Animated grid layout component for React

  6. particles-bg

    React particles animation background component

  7. react-reflex

    Resizable Flex layout container components for advanced React web applications

  8. react-layout-components

    Layout Components for React based on Flexbox

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo

  10. react-stack-grid

  11. react-masonry-mixin

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

  12. react-inline-grid

    Predictable flexbox based grid for React.

  13. react-flexbox

    React flexbox implementation

  14. reactwm

    A minimal window manager built using React.

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

JavaScript UI Layout discussion

Log in or Post with

JavaScript UI Layout related posts

  • Getting Started with React-Grid-Layout

    1 project | dev.to | 15 May 2025

  • How to Build Progressive Web Apps in 2024? A Step-byStep Guide

    2 projects | dev.to | 3 May 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
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 1 Sep 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

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

# Project Stars
1 react-grid-layout 21,473
2 react-flexbox-grid 2,933
3 react-masonry-component 1,462
4 react-stonecutter 1,229
5 particles-bg 665
6 react-reflex 646
7 react-layout-components 337
8 react-stack-grid 181
9 react-masonry-mixin 176
10 react-inline-grid 167
11 react-flexbox 162
12 reactwm 37

Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com
Loading...