Omni-Grid

Updated: Optimizations, bug fixes, and new "Content" toggle allowing for external frames to be connected into the grid. This allows for CMS capabilities and dynamic components to be used within the grid.

The Endless Grid is a endlessly scrolling, and infinitely draggable media grid with smooth panning and clean controls. Robust customization options are available so that you can make your grid look and feel exactly the way you need to match any site or use case.

Best for

Portfolios, editorial galleries, moodboards, hero grids, case studies.

How to Use

1. Add the component to your canvas.

2. Open Grid Content and add items: image, video (.mp4), and/or text.

3. Pick Layout: Square, Bento, Masonry, Editorial, or Random.

4. Tune size with Cell Size and Gap.

5. Style cells in Grid Cell Properties: fill, radius, border, padding, shadow, background blur.

6. Set motion: In-View Anim for entrance, Hover for transforms.

7. Control behavior: enable Mouse Scroll, adjust Scroll Speed, toggle Momentum and Friction.

8. Typography: choose Text → Font, color, size, line height, alignment.

9. Optional links per item. Choose Open In target.

10. For stable randomness, enable Randomize and set a Seed.

Highlights

• Infinite pannable canvas with wheel, drag, optional momentum

• Bento, Masonry, Editorial, Square, Random spans

• Seeded assignment to avoid on-screen duplicates

• Mixed media per tile + link overlay

• In-view entrance animations and hover transforms

• Built-in font loader for Google or custom @font-face