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

Please enjoy this super cool, fully responsive side menu animation 🔥

It only required a bit of custom code and the rest is Webflow!

Instructions:
1. Copy the "navbar_component"
2. Copy the code in the before body tag on the homepage
3. DONE!

Feel free to ask any questions below :)

We hope this is useful! Enjoy!

Side Menu Animation

[Cloneable] Side Menu Animation

Here’s an easy way to mask video in text.
No custom code required!
I’ve created this with a SVG file and added interaction to zoom in when scrolling.

Feel free to clone and use in your project.

--> Follow my profile for cool projects coming soon

Text Mask Video

Text Masked Video Scroll Animation

Please enjoy this super simple, fully responsive Webflow cloneable that instantly calculates the read time of some text/a blog post 🔥

It only required a bit of custom code and the rest is Webflow!

There's also some really cool load animations, interactions as well as a light/dark mode feature!

Feel free to ask any questions below :)

We hope this is useful! Enjoy!

Read Time Calculator

[Cloneable] Read Time Calculator

3D Hero Cool Animation made by azwedo.com & wedoflow.com

3D Hero Animation

3D Hero Animation - Azwedo

This is a fun interaction with an image trailing effect. The idea is to follow the mouse and show a trail of images.

This effect uses vanilla JavaScript to paint images when hovering over links within a canvas element.

Image Trail

Image Trailing Effect

Super excited to share with you guys this really cool animated tab bar with a shooter effect 😁

Based on Cuberto Design: https://dribbble.com/shots/14723171-Animated-Tabbar

Can't wait for you guys to include this in your projects!

Made using purely Webflow's native interactions (no custom code).

Built with 💪 by Shais Ahmad from Pristine Digital.

Animated Tab Bar

[Cloneable] Animated Tab Bar With Shooter Effect

The Pixel Distortion Effect.

Inspired by Infinite Bad Guy Website (which is no longer active)

You can clone and change the following attribute inside the canvasContainer:
data-grid (default value: 34), //generate how many grid
data-mouse (default value: 0.25), //mouse radius affecting the distortion
data-strength (default value: 1), //higher = more parallax and distorted.
data-relaxation (default value: .9), //lower = faster pixel re-sorting
data-aspectRatio (default value: 1.77), //change Aspect Ratio according to your image size. (default 1920x1080)

It is recommended to use landscape images,
To calculate aspect ratio, you can do (image pixel width / image pixel  height)

Have fun messing around! ✌️

NB. There's also native text animation if you wanna try to play around with that one too.

Pixel Distortion (ThreeJS)

Pixel Distortion Effect

Asad Digital

Hey guys! Today I want to present you a new cloneable! This time I created a matt glass effect using inner shadows and layer blur in Webflow. Feel free to clone it and use in your projects. Cheers!

Matt Glass Effect

Hiii guys , here is a testimonial Concept ,
Clone it and make it yours ,

You can change angles from transformations if you want , 
Clone it and make it yours

Follow me for more stuff 
Contact me : kingfactory1234@gmail.com

Testimonial Concept

testimonial-concept

Found this on codepen, decided to try and implement into webflow.
Super awesome animation!


Original codepen: https://codepen.io/gcyrillo/pen/aGWNWw

Geo Spin

Geo Spinning div blocks

Playground

Thinking-Twins Webflow Playground

Sami Mughal

Mobile Devices | Video animation | Charts 

Custom Tabs Animations

Custom Tabs Animation

Official Website of Hürkan Gökkaya. Certificates, References, Educations, Skills, Courses, Honors & Awards, Organizations and Work Experiences. Looking for job opportunities in Europe. Don`t hesitate to contact me!

Hürkan

Hurkan | Full Stack Developer & Project Manager

Wanted to quickly play around with interactions using soothing color palettes and shapes. Apparently, this style of effect--referred to as the Aurora effect or a type of glassmorphism--is going to be more commonly seen this year.

Check out this video to learn more about Aurora UI and how visual interest plays such an important role in creating effective websites:

https://www.youtube.com/watch?v=0_MDRXWLlJ8

Feel free to clone and adjust away!

Auroramorphic Hero

Soothing auroramorphic color effect

Lindgren Workspace

Full-service web-design&development Lindgren Studio. 

We used variable fonts, custom cursor, preloader and many exciting interactions from all Webflow types: scroll into view, while scrolling in view, mouse move over element etc. 

Exciting project we think. Hope you enjoy it.

Lindgren | Web Development Studio

Design Credits- Tayler Odea
Thanks for giving me the opportunity to develop this beautiful site.

Main Features of Website-
1. Scroll Animations
2. Subtle Hover and Click Interactions
3. Horizontal Scrollable CMS
4. Cool Webflow Animations

Feel free to pinch me for your beautiful project at kingfactory1234@gmail.com

Thanks

LeaseLeads

Lease Leads | SaaS Wesbite | Made in Webflow

Experimental One Page Three Section Floating Website

Star Wars - Choose Your Side

The new moon lamp eCommerce store is finally out from my workspace's vault!

If you enjoy it as much as I did enjoy creating it from scratch, then we might think alike 😆

Thanks for watching!


Discover cool effects websites built by the Webflow community

Discover cool effects websites built by the Webflow community