component
Infnite Masorny Grid
By Harshit Singh

Details
- Harshit SinghAuthor
- componentType
- 2026-07-15Published
- 2026-07-15Updated
- 2026-07-15Added
- GalleriesCategories
Summary
Infinite draggable masonry grid.
Description
A Pinterest-style masonry gallery that pans endlessly in every direction. Drag or scroll anywhere and the grid tiles and repeats seamlessly — there's no edge, no "end of page." Each box sizes itself to its media's natural aspect ratio, so photos and videos sit in a clean, organic masonry instead of rigid squares. Drop in your own images and videos, and it just works. Features - ♾ Infinite pan — drag or scroll in any direction; content repeats seamlessly with smooth inertia. - 🧱 True masonry — every card auto-sizes to its media's real aspect ratio (Pinterest-style columns). - 🖼 Images & video — mix both freely; grid videos autoplay muted and loop. - 🔍 Click to fullscreen — any item opens in a clean fullscreen lightbox (close with the button, backdrop, or Esc). - 🔗 Per-item links — add a link to an item and it opens in a new tab instead of fullscreen. Perfect for portfolios and shops. - ⚡ Built for performance — panning is GPU-driven with zero re-renders per frame, images lazy-load, and off-screen videos pause automatically, so it stays smooth even with lots of items. - 🎛 Fully customizable — columns, column width, gap, card fill, radius, padding, optional titles, title font & color, and drag/scroll speed. - 📱 Fills its frame and adapts to any size. Great for Portfolios, photography and design showreels, moodboards, archives/"playground" pages, product walls, and any hero section that should feel alive and explorable. How to use Insert it, open the Items control, and add your images or videos. Add a Link to any item to make it clickable; leave it empty to open fullscreen. Tune columns, spacing, and card style to match your design. Free to use — if you enjoy it, a review or feedback is hugely appreciated. 💙
Introduction
Infinite draggable masonry grid.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2129