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

This is a complete kit for custom sliders in Webflow. Watch the tutorial at https://www.youtube.com/watch?v=1QY8Kab4SNs

This is built using Splide slider. https://splidejs.com/

Carousel Slider Collection

Latinxs Who Design is a living directory of thriving Latinxs in the design industry. Feel free to clone this project and create your own list!

Latinxs Who Design

Latinxs Who Design - Directory of people with filters

Prototype from late 2017 that uses fullpage.js for section 'snap'.

*There are a few bugs / clean up items I never had a chance to address - The list below is what I remember (not exhaustive):

1) Optimizations For Mobile (making the title a link, cross-browser testing, etc.)   
 
2) Improved Performance (Firefox)

Diagonal Snap Scroll

ThreeSixtyEight

Watch the tutorial at https://www.youtube.com/watch?v=AG_REG9p61E

CMS Draggable Slider

CMS Draggable Slider Tutorial

Portfolio website design and development for Henry Northington, a writer, creator, and brand specialist.

The site aims to showcase Henry’s personality as well as his work through an interactive pixel-based, retro word-processor style journey.

Super fun to design and build from beginning to end. Big thanks to Henry for the opportunity to build something unique and packed full of enjoyable moments.

View the live site here ↓
https://www.henrynorthington.com/

Henry Northington Portfolio

Rebuild of https://us.cowboy.com/products/e-bike-cowboy-4

This cloneable is for learning purposes only. I do not own the rights to this design and content.

GSAP ScrollTrigger CMS Scroll

This is another small hover interaction thingy similar to what you'll find on sites all over the web. Feel free to clone and use for whatever 🤙

Open Roles List Interaction

Been thinking about starting a book club, so naturally I built a dope website to showcase the books I've read over the last few years... 

Experimenting with 3D perspectives and some complex interactions here. 

Scroll it, hover it, click it, etc... 

Enjoy...

P.s. All book links are Amazon affiliate links.

Reading List

Raymmar's Reads

Just a simple list with filters and sorting using MixItUp.

Design Conferences

Design Conferences List

Want to reach us? https://go.quo.agency/3W62PAn. 

The scripts making the reviews stars possible should work just fine as well as you don't change the classes names (I advise not rename these classes). Feel free to use clone this project and build around the items I'm sharing here (e.g. place your branding on it, your navbar, footer, categories page, etc, etc, etc to build your own store). 

Inside: 

- Reviews
- Ability to sort reviews at the product page. 
- The style of products gallery that you will find at the product page. 
- Buttons to share the current product on Facebook opening a new small window. 

Product with reviews

Add product reviews to your Webflow eCommerce site

Create repeating patterns for your cms items using css nth child

Unique CMS Grid

Use List JS to filter Collection Lists in your Webflow project. If you're looking for a way for people to find a specific item in your list this will be a big help for you!

list-js

List JS and Webflow

Easily the dumbest thing I have ever made. Or is it the most genius? Who's to say.  

Created using Webflow CMS and JetBoost "like" feature. 

See how I made it in this video:
https://www.youtube.com/watch?v=g49D1c0fOTc

fin-der

Tinder but for Fish

Dana is the most simple to install and use little Webflow widget. The focus was to promote an idea of transparency in work and create a scenario for text first.

Also converted to Wordpress the theme can be purchased for $5 Bucks and  includes: -beautiful and clean look -responsive and "app" like feel for the mobile version -customization -featured image in the body, -search -social WP plugin -custom fields

https://creativemarket.com/SleeknSimple/2060917-Dana-Wordpress-Theme

Dana

Dana's List - Blog for your best tales

Timeline of major events for Stack Exchange and Stack Overflow

stackexchange-timeline

A simple and elegant blog post list item, wrapped in a link with hover interaction

004 CMS Conten

004 CMS Content - Blog Post

Saves list status in your browser's local storage.

To Do List

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/

Discover list websites built by the Webflow community

Discover list websites built by the Webflow community