RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

This cloneable provides a continuous flow of responsive, offset/staggered pill-shaped cards, each with a dashed or dotted border that creates a spiral/looping effect, creating the appearance of a timeline, footprint, or stepping flow.

Responsive Spiral/Looping Timeline with Staggered/Offset Grid of Pill-Shaped Cards

Was looking for an existing Webflow cloneable to use as an exit intent pop-up and put this together as a simple foundation to help others. Underlying code is based on the guide provided by webtips.dev.

Exit Intent Popup / Modal Cloneable

Clone this Webflow project to compare and filter CMS items with a horizontally scrolling with fade-to-white for items that overflow. This is also set to apply URL query parameters based on applied filter. Use for a larger list of products to display their features, or locations/countries with various attributes that stack up vertically. Simply add/remove rows based on the data you'd like to display.

Responsive Comparison Table CMS-based (Filter Products, Countries, etc)

An attempt to create a dictionary based on a single collection with 'first character' titles.

Here I wanted to avoid using a nested second collection with multi-refs for the 'first characters' because it became too messy for the client to manage because they'd have to (1) add the term+definition but then also (2) add as a multi-ref item within the 'first character' collection. Just too much work for the client.

So instead, this single collection uses a toggle to define the groupings based on the first character with a 'first-character'  combo class, conditional logic, and sorting to achieve the groupings.

Additionally, using finsweet js to combine collections to remove Webflow's limitation per page.

UPDATE: Checkout Timothy Ricks' solution which is super clean and pure genius: https://youtu.be/xZVDzO6ZLxc

Single CMS Dictionary, Grouped by First Character Title

CMS Dictionary, Grouped with Leading First Character Title