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

I liked Pitch's old website so much that I wanted to develop it in Webflow to learn, to give the project to others to learn too, and to show once again what Webflow is capable of - 100% visual development, no custom code was used.

Pitch's old website for comparison: http://web.archive.org/web/20201004032417/https://pitch.com/

I built 3 pages in total:
• Home: https://pitch-rebuild.webflow.io
• About: https://pitch-rebuild.webflow.io/about
• Blog: https://pitch-rebuild.webflow.io/blog

--

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

--

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Pitch Webflow Rebuild

A site created for a competition at my workplace. It's still somewhat of a work in progress, I want to continue to make updates on it.

history of animation

I rebuild Plink's website in Webflow because I really liked the interactions they have created. I thought it would be cool to learn how to create them in Webflow, and also to make it clonable for others to have a look at and learn how to create these interactions too.

Custom code was used, but there are just a few simple lines.

Plink's website for comparison: https://useplink.com/en/

--

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

--

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Plink Webflow Rebuild

Finsweet

A collection of animations and interactions made on webflow.

You can also check out Webflow Samples 1: https://webflow.com/website/webflow-samples

Webflow Samples 2

My personal portfolio. Making this cloneable, but I humbly request you to treat this as a resource to pull from rather than a template to copy ❤️

Preetoshi

preetoshi // design portfolio

Designflow agency

This is our 1st cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://parallax-effect-animation.webflow.io/. 
Parallax effect animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Pexels Images 
✔️ Unsplash Images 

Follow me for more Webflow freebies in the future 💙


Parallax Effect

Parallax Effect Animation — Cloneable # 1

I liked Bertani's horizontal scrolling website so much that I rebuilt it in Webflow.

Almost no custom code was used. I used just a little for insignificant stuff such as hiding the scrolling bars, adding the difference blend mode to the cursor, creating the countdown year effect in the preloader, and adding an outline to the text in the menu.

Clone it and have a look through it.

--

Want to learn how it was created? Subscribe to my YouTube channel (tutorials for this website coming soon) 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Bertani Webflow Rebuild

Bertani Webflow Rebuild - Horizontal Scrolling Website

The new website for the Gaffa Creative Precinct in Sydney Australia. Powered by Webflow CMS.

GAFFA

Gaffa Creative Precinct

First time playing with lottie and the scroll interaction...

acupa

Product Landing Page - French Press

Working on a travel blog for a friend, but decided to peel it off and make it cloneable before I turn it over for him to load content. Enjoy.

It's Worth Seeing

Hi, I'm Evan — A multidisciplinary product designer based in Detroit, MI. This is my personal portfolio that I wrapped up earlier this year. It includes projects from my employer, which also happens to be my favorite pizza company.

Note: This project was made from scratch, but has a ton of and creative direction from basicagency.com :) go and check their site out.

Evan Skiff — Designer

Evan Skiff — Product Designer Portfolio

Can a complex game menu such as Battlefield 4's one be built in Webflow?
Yes!

Almost no code was used, I used just a little for insignificant stuff such as linking links to tabs or creating custom scroll bars.

Clone it and have a look through it.

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Battlefield 4 Webflow Rebuild

Visual & Interaction Designer - Portfolio

Portfolio

Virginia Orosa

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

ColoradoDiscovery-Home

coloradodiscovery-home

Panorama Works S.C.

Through fixed and absolute positioning, the logo will change depending on the background color. Very useful for navigation, changing texts or images on background and giving your site a very cool effect!

Change Image on Scroll

Change Static Image on Scroll

Setup for a scroll-based full-screen lottie interaction

Scroll Based Lottie

scroll-lottie

This is our 5th cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://animated-cursor-1.webflow.io/. 
Cursor animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Monument expanded Font  

Follow me for more Webflow freebies in the future 💙

Animated cursor

Animated Cursor — Cloneable # 5

Discover subdomain site for Endlesss, a collaborative music making app — promoting and exploring their web3 music marketplace.

UX, UI, interaction design and custom development.