JavaScript Layout

Open-source JavaScript projects categorized as Layout
Edit details
React CSS Responsive JavaScript styled-components
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
sponsored

Top 17 JavaScript Layout Projects

JavaScript logo
Layout

  1. muuri

    Infinite responsive, sortable, filterable and draggable layouts

  2. Puter.js

    Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

    Puter.js logo

  3. GoJS, a JavaScript Library for HTML Diagrams

    JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

  4. rebass

    :atom_symbol: React primitive UI components built with styled-system.

  5. styled-system

    ⬢ Style props for rapid UI development

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Styled-system - Style props for rapid UI development

  6. golden-layout

    A multi window layout manager for webapps

  7. Magic-Grid

    A simple, lightweight Javascript library for dynamic grid layouts.

  8. autoresponsive-react

    ⚛️ Auto Responsive Layout Library For React

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  10. Weather-Cal

    This is a Scriptable widget that lets you display, position, and format multiple elements, including dates and events, weather information, battery level, and more. You can even create your own elements.

  11. react-reflex

    Resizable Flex layout container components for advanced React web applications

  12. euismod

    📝 A website that make learning CSS grid easy and interactive

  13. ImageGridMotionEffect

    A motion hover effect for a background grid of images.

  14. react-xmasonry

    Simple, minimalistic and featured native masonry layout for React JS.

  15. Nice React Layout

    Create complex and nice Flexbox-based layouts, without even knowing what flexbox means

  16. react-sidebar-tailwind-darkmode

    Responsive sidebar built with React and Tailwind. Support for dark mode, react-router and Mobile Menu. Feel free to contribute⭐

  17. react-hook-layout

    Layouts in React.

  18. react-flexbox-svg

    Flexbox for SVG in React, using css-layout

  19. snippets

    Repository for code snippets (by JealousGx)

  20. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 Layout discussion

Log in or Post with

JavaScript Layout related posts

  • Advanced Frontend Resources for Next.js Development 🚀

    4 projects | dev.to | 8 Sep 2024

  • use-magic-grid: Official React port of the magic-grid library

    2 projects | dev.to | 2 Sep 2024

  • One Last Pastel-Themed Changeup to See iOS 16 Out (With Wallpapers)

    1 project | /r/iOSsetups | 5 May 2023

  • My setup

    1 project | /r/iOSsetups | 3 Mar 2023

  • Userstyle that brings back the old UI and removes the rounded corners everywhere.

    2 projects | /r/youtube | 4 Feb 2023

  • How to Build Resizeable Panels Like Tailwind

    2 projects | /r/reactjs | 30 May 2022

  • rc-dock VS react-winbox - a user suggested alternative

    2 projects | 19 Apr 2022
  • A note from our sponsor - Puter.js
    developer.puter.com | 16 Aug 2026
    One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms. Learn more →

Index

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

# Project Stars
1 muuri 10,955
2 GoJS, a JavaScript Library for HTML Diagrams 8,465
3 rebass 7,901
4 styled-system 7,869
5 golden-layout 6,700
6 Magic-Grid 3,163
7 autoresponsive-react 1,585
8 Weather-Cal 826
9 react-reflex 662
10 euismod 287
11 ImageGridMotionEffect 152
12 react-xmasonry 87
13 Nice React Layout 68
14 react-sidebar-tailwind-darkmode 37
15 react-hook-layout 18
16 react-flexbox-svg 8
17 snippets 6

Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com
Loading...