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

Bjorn Encuțescu

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

Jonas Arleth

I created a YouTube tutorial here (german): https://youtu.be/QU6Ux3yZW4U

Apple Card Scroll Animation

David Ferguson

INNOVATIVE, FUTURE-FORWARD WORK AT THE CROSS-SECTION OF DESIGN AND CULTURE. A CULTURAL SHIFT OF PERSPECTIVE.

Too Gallus

JP Dionisio

A simple website to demonstrate how to use Howler JS to start music when entering a website. Also, having the ability to mute and unmute the audio.

https://howlerjs.com/

Feel free to clone and enjoy!

Enter with Music - Howler.js

Robin Granqvist

This is a small web animation created by multiple layers of SVG's, to bring some parallax life into an illustration.

The illustration is a really simple illustration based on a night on a beach in the beautiful little city "Hanko" (Hangö in Swedish) in southermost Finland.

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Hanko - Parallax Illustration

Harshit Agrawal

Hello Everyone, This is the Solar System, Made with Finsweet's recently launched product 3D Globe, Its very easy to create a globes now.

Visit 3D Globes by Finsweet here: https://www.3dglobes-wf.com/

The Measurements are not correct, Please Ignore that, Its my own solar system! 

Background is made using Particle.js

You can find me in the solar system if you want to, I am chilling on earth and you can clone the project for yourself as well, and make improvements as you wish.

The Solar System Made With Finsweet-X-Weglot 3D-Globe

Paul Casen

An all-in-one solution to help e-commerce businesses increase revenue and advertise with confidence.

Birdeye Global

Alex Hartan

Nobody: . . .
Me: I wonder if you can recreate the Gmail logo animation in Webflow 🤔

Now, Webflow is a no-code tool that helps you build responsive websites in your browser. 

It's certainly not meant for this kind of animations, and that's why it's the perfect candidate for the job. 😅
Also, it's an amazing platform, so I really enjoy doing these little experiments in it.

So, after a little over an hour of work, here's the result. 

No GIF or video witchcraft, just plain ol' CSS animations on this one.

I've included the demo and the cloneable project in the first comment, for other Webflow nerds like me. 🤓

Did it do it justice?

Gmail Animated Logo

Nolan Marketti

An amazing chef that delivers basily awesome private cooking classes and instruction, focusing on authentic Asian cuisine.

Basily Delicious

Half Design

This is an interactive story made by Half Design in collaboration with the curbside Chronicle. The interactive scrolls are Lottie animations with a simple scroll-based trigger on a 1200vh container.

On the Move: readfrontier.org & Curbside Chronicle OKC

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Webanimation Website Examples & Free Designs

Discover webanimation websites built by the Webflow community

Discover webanimation websites built by the Webflow community