JavaScript Video Conference Grid Layout Library with Gallery & Spotlight Modes
JavaScript library for video meeting layouts with dynamic grids, pin mode, pagination, and draggable PiP. Framework-agnostic core with React/Vue wrappers.
Layout
Responsive Hexagon Grid Layout Using CSS Grid and Container Queries
Build responsive hexagon grid layouts with CSS Grid and container queries. No media queries needed. Uses CSS math functions for auto-adaptation.
Debug Responsive Layouts With A Visual Tracker – breakpoint-overlay
Drop-in developer overlay for visualizing responsive breakpoints. Shows viewport size, active breakpoint, and device pixel ratio in real-time.
Tiny Split View Library for Two Panels – ResizerTwo.js
Create resizable split-pane layouts with ResizerTwo.js. Zero dependencies, supports horizontal and vertical layouts, customizable handles.
Responsive Masonry Layout Library for Vanilla JS & React – MasonryGrid
A lightweight masonry grid library with zero dependencies. Supports responsive layouts in vanilla JavaScript and React with automatic gap filling and optional item balancing.
Neat Block Grid In Pure CSS – wall.css
Yet another pure CSS implementation of the responsive, customizable block/wall grid layout system.
Responsive Masonry Layouts with CSS Grid and Mason-it.js
A zero-dependency JS library that transforms CSS grids into responsive masonry layouts, respecting your existing grid styles.
Two-Dimensional One Page Scroll Navigation with Scroll-Grid
A lightweight, responsive, mobile-friendly one page scoll layout with synchronized navigation, perfect for interactive storytelling and portfolio displays.
Create Flexible Hexagonal Grids with HoneyCombLayoutJs
Generate customizable, flexible hexagonal grids with HoneyCombLayoutJs. Configure orientation, size, and more via HTML.
CSS Split Scroll: No-JS Half-and-Half Scrolling Layout
Create a stunning half-and-half scrolling layout using CSS. Users scroll through both sections simultaneously, with each maintaining its scroll position.