How to go beyond the 100-item limit in a Webflow CMS collection

In this tutorial, Sandro, co-founder of the Gemeos Webflow agency, walks you through the solutions for going beyond the 100-item limit in a Webflow CMS collection.

Understanding the limit

Webflow limits CMS collection display to 100 items per Collection List. That’s not a storage limit — you can store thousands of items — but a display limit per component on the page.

Solution 1: Native Webflow pagination

In your Collection List settings, enable Pagination and set the number of items per page. Webflow automatically generates Previous/Next controls. Perfect for blogs and catalogs with paginated navigation.

Solution 2: Finsweet CMS Load (recommended)

Finsweet CMS Load loads items on scroll or when you click a “Load more” button, with no page reload. Add the script in the head:

<script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js" defer>script>

Then add the attributes to your elements:

• fs-cmsload-element="list" on your Collection List Wrapper
• fs-cmsload-element="button" on your “Load more” button
• fs-cmsload-mode="load-more" on your Collection List Wrapper

Solution 3: Multiple Collection Lists on the same page

Add multiple Collection Lists from the same CMS on the same page, with different date or ID filters so they don’t overlap. A simple technique, but limited to a few hundred items.

Conclusion

For 90% of cases, Finsweet CMS Load is the simplest and cleanest solution. Use cases:

• Blog with more than 100 articles
• Product catalog with several hundred references
• Member or partner directory