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

Filter and Search Dynamic Collections using Isotope.

Dynamic Search

Isotope Search & Filter + Webflow CMS

Easily add real-time, on-page search to any Webflow Collection List, without having to write any custom Javascript code, using https://jetboost.io!

This demo site, made to look like Product Hunt, showcases some of the advanced scenarios that Jetboost handles, such as searching paginated lists or having multiple search filters.

Message me on Twitter (https://twitter.com/c_spags) if you have any questions!

CMS On-Page Search

Made this with Jetboost.
Using the real-time search booster and the power-ups, to mimic a live collection list search like algolia.
Could be useful for several cases. Feel free to clone!

WF Live search

Webflow live search form

Card style blog with search in a nice dark scheme.

Fresh Blog

freshblogforyou

Hi, Chris here from Jetboost.io. Recently several people have asked me how to filter multiple collections on the same page all at once using a single Jetboost filter.

So I put together this cloneable demo to make it easier to show how to do that. 🙂

Filter Multiple CMS Collections with Single Filter

Filter Multiple CMS Collections using a Single Filter

Jetboost Team

Congrats to the Webflow team for launching the ability to nest collections!! This is amazing for displaying tags and other multi-reference content.

Quick demo showing how you can easily add filters using your nested collections with Jetboost.io. Best of all, you don't have to write any Javascript code!

Filter Nested Collections

An FAQ template using Jetboost.io for searching and filtering the FAQs. This template uses a brand new Jetboost feature to automatically highlight the search text in the resulting FAQs!

After you clone the project, you can easily import the Jetboost setup into your own Jetboost account (see the How To page in the project).

If you have a site already using Jetboost Search, look for the "Search Highlighting" Power Up to try this out! It only takes 1 click to enable. 😄

Questions? Email support@jetboost.io and we'd be happy to help!

PrivateAir FAQ Template | Jetboost

Heres a pretty neat blog page for you. Copy the collection at the bottom for easier set-up.

Minim Blog 2

This demo will allow you to create a Quick Search widget using the native Webflow search results page. Not only will you be able to create Quick Results, but also filtered Quick Results. This can be useful in situations where you need to have multiple search components that return different results, such as for a site that has a Blog & Help Center.

Most importantly, this will help you better deliver powerful search to clients. As of now, one of the most commonly used search widgets for Webflow projects is Swiftype, which is expensive. This demo works with the native Webflow search & nothing more.

Quick Search Widget

Quick Search for Webflow

Here is a clonable search list using a few lines of JavaScript.

This makes it easy to search to a collection list without having to load the search results page. You can add multiple collections/text blocks to the collection item link to enable users to search through more than one collection.

View description of code on Youtube here: https://youtu.be/SEiZFN4fXg8

Connect with me on LinkedIn here:
https://www.linkedin.com/in/christopher-wray/

Filtering Search

Searchable List With Webflow and JavaScript

If you've ever needed to live filter a Collection, but you had more than 100 items than this will help you filter multiple lists at the same time. Feel free to clone and use!

Filtering Multiple Collection Lists

filter-multiple-collection-lists

Heres a neat little template for searching a collection and featuring special logos at the bottom. The code combines two collections using Finsweet's CMS Library and then searches it with some code that PixelGeek had in a video way back.

There's a neat little contact button I made and a scrolling marquee that just uses Webflow interactions. And to top it off theres a simple CSS class added to the marquee for a frosted glass look. Enjoy!

Grid Card Logo Search

Instant Search w/ Marquee

Company website and digital products collection offering templates and frameworks for product managers, marketers, ux-specialists.

⭐️ Check out our PM Playbook — a collection page with real-time search and dynamic filters based on a set of CSM collections: https://www.claritysupply.co/pm-playbook-templates

Real-time search and filters implemented with Jetboost.io.

Clarity Supply Co

Clarity Supply Co — product management outsourse

This site is making heavy use of the Webflow CMS, while almost reaching the field limits and exactly the collection link limits of the CMS plan.

The intelligent use of linked CMS collections helps to guide the user through this great action and fun content via several interest levels offered by an interactive menu. Even faster assists the quick search option, powered by the isotope script library.

To get a better booking experience, some small script elements are pre filling the booking forms with event informations.

You can't afford to miss this fun adventures while traveling in Bavaria.

Discover collection search websites built by the Webflow community

Discover collection search websites built by the Webflow community