JavaScript Layout

Open-source JavaScript projects categorized as Layout

Top 17 JavaScript Layout Projects

  1. muuri

    Infinite responsive, sortable, filterable and draggable layouts

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. rebass

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

    Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30
  4. styled-system

    ⬢ Style props for rapid UI development

    Project mention: Rethinking CSS in JS | dev.to | 2024-09-12
  5. golden-layout

    A multi window layout manager for webapps

  6. Magic-Grid

    A simple, lightweight Javascript library for dynamic grid layouts.

    Project mention: use-magic-grid: Official React port of the magic-grid library | dev.to | 2024-09-02

    I created magic-grid a few years ago as a super simple way to set up a pinterest-style grid layout. The library is written in plain js with no dependencies but since then, React has become much more popular and I've seen people struggle to make a react version of the library with varying degrees of success.

  7. autoresponsive-react

    ⚛️ Auto Responsive Layout Library For React

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

  9. SaaSHub

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

    SaaSHub logo
  10. rc-dock

    Dock Layout for React Component

  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 - CodeRabbit
    coderabbit.ai | 9 Feb 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. 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,855
2 rebass 7,941
3 styled-system 7,874
4 golden-layout 6,359
5 Magic-Grid 3,157
6 autoresponsive-react 1,576
7 Weather-Cal 811
8 rc-dock 712
9 react-reflex 643
10 euismod 284
11 ImageGridMotionEffect 141
12 react-xmasonry 89
13 Nice React Layout 69
14 react-sidebar-tailwind-darkmode 36
15 react-hook-layout 18
16 react-flexbox-svg 7
17 snippets 6

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?