Infinite Scroll Grid

A lightweight, JavaScript grid plugin. Zero dependencies.
Browse a million records using a hundred DOM elements. Get Started

Build your own social network

using our infinite scrolling grid

Benefits of Abi7Grid

Resource Efficient

By reusing about a hundred DOM elements, the grid can display an infinite amount of data.

Multifunctional

From visual animation to serious data display.

Responsive

Abi7Grid scaling to every device.

Callbacks

Can be extended with callbacks & event-hooks without altering the source files.

Data Sources

Abi7Grid works with any type of data source from static javascript array to REST-service.

Easy for developers

Abi7Grid was designed to be as simple to use as possible.

No dependencies

The internal Abi7Grid engine is implemented in plain JavaScript and has zero dependencies.

Lightweight

Abi7Grid is as light as a feather at less than 6kb minified and gzipped!

HTML 5

Great rendering performance across all modern browsers (IE11+).

How Abi7Grid works

Many infinite scroll implementations introduce numerous DOM elements, causing issues when dealing with large datasets. In contrast, Abi7Grid efficiently manages a limited number of DOM elements, restricting their usage to the visible section of the document. As a result, it performs well with small datasets and avoids freezing when handling substantial amounts of data.

Screen

Amazing opportunities

Abi7Grid opens up a world of extraordinary possibilities, where your creative vision takes center stage, unrestricted by any bounds. Interestingly, every mesmerizing animated backdrop showcased on this website is meticulously crafted through the magic of Abi7Grid! Delve into a rich tapestry of diverse examples here, providing you with a palette of inspiration to infuse your project with distinctive flair, setting it apart from the rest.

    Not just a masonry grid

    This compact JavaScript plugin enables you to accomplish significant tasks. Whether you're building your own social network akin to Pinterest or Unsplash, or tackling any project requiring the seamless display of an extensive dataset, Abi7Grid has got you covered. It seamlessly handles data from both local sources and database servers, employing AJAX technology. Notably, the plugin optimizes performance by utilizing a consistent number of DOM elements in a cyclical manner, ensuring a smooth experience without slowing down the browser.

    We've designed a unique assessment to evaluate the performance of the grid with extensive data. Kindly click the button below to generate 100,000 records.

    #
    Title
    Stock
    Price
    Discount
    Rating

    Pricing

    Abi7Grid is a free library. However, if you want to use Abi7Grid in your commercial app, website or plugin, you would need to obtain a commercial license.

    Personal $24.95 LIFETIME

    For personal use

    • One product
    • For one developer
    • Regular product updates
    • 1 month commercial support
    • Lifetime free updates
    Purchase $24.95
    Team $99.95 LIFETIME

    For small teams

    • 5 products
    • For upto 8 developers
    • Regular product updates
    • 3 months commercial support
    • Lifetime free updates
    • Source code included
    Purchase $99.95
    Organization $249.95 LIFETIME

    For large teams and organizations

    • Unlimited products
    • For unlimited developers
    • Regular product updates
    • 6 months commercial support
    • Lifetime free updates
    • Source code included
    Purchase $249.95
    FREE LIFETIME

    Abi7Grid.js is free for non-commercial websites.
    If your project is non-commercial, you can use Abi7Grid.js for free.