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

Jetboost Team

Check out Shuttercrate, our freelance photographer directory template, powered by Jetboost.io. Clone this template to quickly create your own dynamic content directory!

Jetboost is used to search, filter, sort, and like freelancers in the directory.

After you clone the project, you can easily import the Jetboost setup into your own Jetboost account. Questions? Email support@jetboost.io and we'd be happy to help!

Thanks to Elena Laenko (https://webflow.com/elenalaenko) for the implementation!

Shuttercrate Template | Jetboost

Using custom code & Mixitup to combine CMS lists into a single container & sort/filter.

Massive Glossary

Large Glossary (1000+ items) Pagination

[ES]
En este clonable utilizo Finsweet Attributes para crear una web inmobiliaria donde añado un sistema de filtros avanzado y la funcionalidad de ordenar listas.

Puedes ver el siguiente tutorial donde te muestro como hacerlo paso a paso:
https://www.youtube.com/watch?v=9X6f_U-V6H0

[EN]
In this clonable I use Finsweet Attributes to create a real estate website where I add an advanced filter system and the sort functionality.

You can see the following tutorial where I show you how to do it step by step:
https://www.youtube.com/watch?v=9X6f_U-V6H0

Filtros CMS

Sistema de Filtros en Webflow [CMS Filters]

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

Just a simple list with filters and sorting using MixItUp.

Design Conferences

Design Conferences List

Finsweet

Learn how to add complex, non-native functionalities to your Webflow CMS websites for free in this beginner tutorial series!

BeginneRR Series: F'in sweet CMS Library for Webflow

No Code Flow

A dynamic filter to search items elements created within the Webflow CMS that we offer for the Webflow community. It works native within the CMS and no third party stuff. Easy to implement and 100%-styleable within Webflow. ✨
👋 check us out → https://www.nocodeflow.net/webflowfilterandsearch

NCF Filter Styled

CMS Filter and Search Bar – No Code Flow Component

A followup project for Pokedex. Pokemon data is fetched through an external API (pokeapi.co).
Functions:
-Filter
-Sort
-Live Search 
-Loader lottie for async function to resolve.
Uses only vanilla javascript, custom coded. No libraries.
Thank you very much! Hope you enjoy it!

Poke API

Custom Filter, Sort, Search an External API (PokeAPI)

Resource Hub Page with Featured and Subfeatured section
- Combines 5 CMS collections so it appears as 1 collection when published
- Automatically sorts the collections from Newest to Oldest on load
- Filter using buttons, dropdown, or search
- Filter options are Category or Industry

Shoutout to the Finsweet CMS Library (Combine, Sort, Filter)
https://www.finsweet.com/cms-library/

Video coming soon...
VERSION 2 coming soon using NEW Finsweet Attributes!

If you have any questions, feel free to comment below.

Resource Hub Page

Sygnal

Sygnal Attributes allows you to sort your collection lists all sorts of different ways-
- Using OPTION or REF fields
- On sub-fields or your REF linked item
- Randomly, on every page refresh
- By string, date, number, or even semver
- You can sort nested collection lists, too

Sort by Option or Ref

Sort Collection Lists by OPTION or REF Fields

An exercise in creating a price comparison website including fast filters and sort capabilities.

Built using Finsweet's Client First and Attributes.

Discover sort websites built by the Webflow community

Discover sort websites built by the Webflow community