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
Fast DOM-Free Text Height Measurement – Pretext
A JavaScript text layout library for measuring multiline text height and line breaks before render with cached metrics and browser-like wrapping.
Auto-Resize iFrame Height on Content Change – iFrame Adjuster
Dynamically resize iframe height based on content with iFrame Adjuster. A tiny vanilla JS plugin that handles multiple iframes and form reloads.
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.