JavaScript Layout

Open-source JavaScript projects categorized as Layout
Edit details
React Responsive CSS styled-components Drag and Drop
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.
www.influxdata.com
featured

Top 17 JavaScript Layout Projects

Layout

  • muuri

    Infinite responsive, sortable, filterable and draggable layouts

  • SurveyJS

    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.

    SurveyJS logo

  • 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

  • styled-system

    ⬢ Style props for rapid UI development

    • Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

  • golden-layout

    A multi window layout manager for webapps

  • Magic-Grid

    A simple, lightweight Javascript library for dynamic grid layouts.

  • autoresponsive-react

    ⚛️ Auto Responsive Layout Library For React

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

  • InfluxDB

    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.

    InfluxDB logo

  • rc-dock

    Dock Layout for React Component

  • react-reflex

    Resizable Flex layout container components for advanced React web applications

  • euismod

    📝 A website that make learning CSS grid easy and interactive

  • ImageGridMotionEffect

    A motion hover effect for a background grid of images.

  • react-xmasonry

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

  • Nice React Layout

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

  • react-sidebar-tailwind-darkmode

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

  • react-hook-layout

    Layouts in React.

  • react-flexbox-svg

    Flexbox for SVG in React, using css-layout

  • snippets

    Repository for code snippets (by JealousGx)

  • 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

  • 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

  • Any good alternative for golden-layout (draggable panels+tabs) that will work with react+typescript

    1 project | /r/webdev | 19 Nov 2021

  • I made a rudimentary wrapper library around GoldenLayout 2.x

    4 projects | /r/sveltejs | 3 Oct 2021
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 18 Jun 2024
    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. 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,720
2 rebass 7,934
3 styled-system 7,819
4 golden-layout 6,181
5 Magic-Grid 3,115
6 autoresponsive-react 1,564
7 Weather-Cal 786
8 rc-dock 638
9 react-reflex 618
10 euismod 282
11 ImageGridMotionEffect 139
12 react-xmasonry 91
13 Nice React Layout 70
14 react-sidebar-tailwind-darkmode 32
15 react-hook-layout 18
16 react-flexbox-svg 7
17 snippets 5

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.
surveyjs.io