Discover the best limitations websites created by professional designers. Get inspired and start planning your perfect limitations web design today!

Breaking Webflow's limitations! An easy and lightweight way to nest multiple collections with unlimited items on any single page with jQuery .load() which pulls the multi-reference info from any individual page into an HTML embed, that works like a nested collection. 

This solution is based on the jQuery .load() function - a simple way to fetch data from a server and place the returned HTML into a matching element. 

For more details have a look at the sample blog pages in this project, read the short documentation (How to?) you'll find in this project and feel free to clone the whole project.

Add on: With the internal functions of Webflow it is not possible to sort native nested collection items. The order is determined exclusively by the order of the tags in the CMS field. This project includes a script that allows you to alphabetically sort both Webflow's native and limited nested collection lists as well as the unlimited nested collection lists generated by jQuery.

Multiple nested Collections and unlimited nested Items on single pages in Webflow

Multiple nested Collections with unlimited Items on single pages in Webflow

Webflow only allows 10,000 characters of custom code in a project. This is often not enough, so I will show you a workaround using a CDN (content delivery network) that will let you link a Github repository full of code to your Webflow project. Hopefully it lets you take your website to Infinity and Beyond! 🚀⭐️👩🏻‍🚀

YouTube Tutorial: https://youtu.be/DWPxqfJPoZg

Discover limitations websites built by the Webflow community

Discover limitations websites built by the Webflow community