Simple type writer custom code. You can check the custom code field and clone this project.

type-writer

Multi-Step form using the slider component and some jQuery

Multi-Step Form (Slider + JS)

This project will show you how to simply hide your navbar when scrolling down on a page and revealing it again while scrolling upward. You can see the scroll upward interaction uses a slight offset so it's not triggered without intention or by accident. 

You are welcome to clone this project and use it. It's a simple interaction but in my opinion a very useful one and feels a bit more high end. Great for having navigation on your website when you need it yet without it getting in the way.

Hide/Reveal Nav On Scroll

This is demo of some "sticky on scroll" elements I created completely within Webflow. I tried my best to explain how I did it, but I'm happy to answer any questions you have about the setup.

NOTE: This setup may not work in older browsers.

Sticky On Scroll

A fun idea for a hero section of a translator app or some other languaage based website, it uses jQuery and jQueryui with a simple build in Webflow and a novel use of background images, feel free to clone and learn :)

Playful Translation Hero Section

Working on a fun cloneable project for a local site over in Denver Colorado. Need Webflow assistance email me tayler@studiominted.com

coloradodiscovery-home

My personal site 100% made in Webflow :)
Not fully translated yet.

blaiseposmyouck

Hey Webflow,

I quickly created this cloneable site to help answer a question on our forums:
https://forum.webflow.com/t/vertical-slider-with-pagination-on-the-right-side/45423

The solution allows users to click on the menu dots on the right hand side to access different sections throughout the site.

This solution was inspired by the following site: http://www.thepathfinders.world/

Hopefully this helps :blush:

Best regards,
Micah

Vertical Menu with Section Selection

Micro-interaction Download Button

We built this freely cloneable style guide template to help you kickstart your design process and make your sites more consistent. Just clone it to your dashboard, then use it as a jumping off point for every site to get your type, colors, logo treatments, and component styles locked in from day one — and super-easy to update as needed. For example, if you want to change the style for every H1 on your site, just edit the instance on your style guide, and it’ll automatically update across your site.

the-style-guide-template

The Burger animation

Template for a design agency. Minimalistic. Easy to use. And organized through the use of symbols.

Enjoy!

FREEBIE: Fuza Agency

I wanted something engaging and original, that utilised everything Webflow can offer, it's playful with 3D Tranforms and Interactions to create a hopefully, engaging experience and showcase my work in its best light.

Aaron Grieve's Portfolio

Simple, cloneable implementation of the Isotope Masonry layout plugin with easy filter controls. All styling + filtering is controlled WITHIN the Webflow interface.

You have a ".grid" container, inside that you have individual grid ".items"... In a div above that you have your filter/sorting functions in a ".filter" container that holds your buttons. Just add a custom "data-filter" attribute to the buttons to control the filtering.

Enjoy.

Isotope + Webflow

A minimal, unique portfolio design with organic animations. Perfect for a designer portfolio or related showcase.

[ Heads up:
Each portfolio thumbnail hooks into it's own interaction. 
It was once-upon-a-time a version of my portfolio so it's default content contains my past work ;) ]

FREEBIE: Coastal Template

A new website for any growing business looking for a clean, simple design.

Getting Started With Webflow

Entypo+ is a site with 388 carefully crafted premium pictograms by Daniel Bruce — CC BY-SA 4.0.

Isabelle Nielsen