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

Watch the tutorial for this at https://www.youtube.com/watch?v=Wq5mJIHCDFo

T.RICKS Menu + Slider

View the tutorial at https://www.patreon.com/posts/49192087

T.RICKS Form

T.RICKS Multi-Step Form

Rebuild of the https://k72.ca/en nav menu

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

K72 Menu

ThreeSixtyEight

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

CMS Draggable Slider

CMS Draggable Slider Tutorial

Here's a short 7 step tutorial on how to have a dynamic slider.

The amount of slides is determined by the amount of images added to the Multi-Image field in Collections. 

I hope this will accomplish the experience you were missing.

Feel free to ask me if you having trouble here:
https://forum.webflow.com/t/tutorial-create-a-dynamic-multi-image-slider/131059

Tutorial - Dynamic Slider - Multi Image

Tutorial - Dynamic Multi-Image Slider

A brief introduction to Obsessive-Compulsive Disorder (OCD) meant to educate, share resources and real stories to create awareness and reduce stigma and misconceptions around OCD.

#livingwithocd #realocd

SOTD June 18 
https://www.awwwards.com/sites/living-with-ocd

Living with OCD

After seeing @Maximosaurus create a CMS slider in Webflow with no code, I decided to attempt taking it a few steps further using custom code. I'm not a developer so cobbled together the code best I could. Some cleanup might be needed!

It is dynamic, adding and removing slides automatically as Collection Items are added and removed. Styles can easily be updated in the editor without having to touch any code, with all item states shown in the CMS for easy editing (the code replaces them in the live version). The design includes arrows that respond based on first/last slide (in this case showing a different style when the ends are reached, or can set opacity to zero), and the nav bubbles function with the capability of including slide numbers. No looping or swipe support yet, but hope to add soon! 

Download the reference image on slide one for a breakdown of how to re-create this in a new document, and get the custom code on slide two.

Enjoy! I welcome feedback and improvements!

Custom CMS Slider

Hello fellow Webflowers,

We have built a fresh freebie services overview page. All categories with associated references are dynamically loaded with Webflow collection items. - you can simply add new categories or associated references and remain a good user experience by enabling the progress bar indicator. 🤩 

The progress bar we created scrolls to the dynamic collection blocks, this is 'normally' not possible, because collections can't have anchor links. We resolved this with a nice hack by assigning an 'ID' to the collection classes 😄 thru an embed and then converting the progress bar links to anchor links so you can scroll back and forth thru all the collection items. 🤙

If you like this project and find it helpful please like ❤️ it so other Webflowers can see this project and use it on their next website 🙌

Dynamic collection progressbar

Progressbar - anchor links - Dynamic Collection

Memberstack

MemberStack is a designer-friendly membership platform that works with Webflow. 

------------ 

This site a fun example of using links and multi-step signup forms in MemberStack to create dynamic user onboarding flows. The homepage has a tutorial which shows how the site was built and how you can customize it. I've included tips to explain how it works.  

------------ 

To get started - create a free MemberStack account, and add the URL of your new site during setup.

Custom Onboarding UI

#11 - Personalized Onboarding UI

Simple, Clean and Bold. 

Wonderlust is a small animation studio based in Halifax.

Wonderlust

I've been working on a dynamic, horizontal scrolling portfolio for video content with project details. I have decided to share it with you lovely people! 

The project uses mousewheel.js and youtube embeds. It's also fully responsive!

Video Portfolio

CMS, Responsive, Horizontal Scrolling Video Portfolio

Details matter! Add simple footer animation created in Webflow to your website. 

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

Footer with automatic color change

✍️ Easily edit colours and typography
🥇 Built with Client-First
🍬 Delightful animations and interactions
✨ Beautifully designed, as if it was my portfolio

🏁 Ready to be cloned & used for your freelance business

(Loom short tutorials coming soon)

(Remember to like it ❤️, it helps a lot)

Portfolio site

Personal Website & Portfolio Cloneable

A combination of lottie, svg and webflow interactions

dynamic-head

A dynamic team grid with a modal slide-in and bio for each member.

CMS Team Slide In

CMS Team Slide In Modal

A Portfolio Website created over the course of a couple weeks and through a year long visual evolution. Click and drag to go with the flow :^) Enjoy

Interactive Dynamic Portfolio Site

Super trendy horizontal scroll makes surfing a bit more pleasant!
This interaction is a part of website for lipstick brand. 

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Horizontal scrolling of the product catalog

Lips Love help women to express their natural beauty to the world. The selection of lipsticks includes matte shades from natural and soft to bright and bold. Thousands of women liven up their looks with Lips Love products.

Discover dynamic websites built by the Webflow community

Discover dynamic websites built by the Webflow community