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

Avengr

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

Large Glossary (1000+ items) Pagination

Felix Gonzalo

[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

Sistema de Filtros en Webflow [CMS Filters]

Philipp Roth

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 with unlimited Items on single pages in Webflow

Pablo Stanley

Just a simple list with filters and sorting using MixItUp.

Design Conferences List

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

CMS Filter and Search Bar – No Code Flow Component

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

Dimitris Theofanous

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!

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

RR Abrot

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 Collection Lists by OPTION or REF Fields

Jon Swain

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

Built using Finsweet's Client First and Attributes.

New Sim Deals

Christina's Workspace

FreelanceFinder

Jeminids

On a CMS with many items, We want to specify the order of the first 4 items. However, with Webflow's native sorting, we have to fill in the Sort order for all items because items with an empty Sort order are detected as lower than 1, so they will be shown first, followed by 1, 2, 3, and 4. This script will change that.

Sorting CMS by The Lowest

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Rf1eI8pDEJSkptFB/XWlj0IN7pQXjrNngR5tBDx8ihI=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Sort Website Examples & Free Designs

Discover sort websites built by the Webflow community

Discover sort websites built by the Webflow community