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

Learn how to create an "ultra gradient" in Webflow. This cloneable is based on Fons Mans' Twitter thread (https://twitter.com/fonsmans/status/1569708218351247366). He wrote a tutorial for Figma and I tried to create it in Webflow without any imported shapes or images.

YouTube Tutorial: https://youtu.be/8ZHsLochLFA

Ultra Gradients in Webflow

Ultra Gradients in Webflow (Cloneable)

Hello Webflow fam 👋,

Inspired by the Webflow Community Hero Section, I present to you a fully cloneable blurry animated background gradient that can be used in your hero section or any other section of your liking.

The animation is 100% native with Webflow interactions and utilizies colored div blocks and CSS scaling. The animation was tinkered by inspecting the Webflow Community Section using the dev tools 😉

Let me know what y'all think.

Animated Gradient Background

Animated Blurry Gradient Background

BoxOne Ventures is a privately held investment firm that focuses on early-stage companies across the most impactful, interesting and fast-changing sectors.

Website in collaboration with Simon Langlois
https://simsam.webflow.io/

BoxOne

BoxOne Ventures

Fun little native glowing crystal-ball hover interaction. Hover to seeee your futureeeeeee.

✅ Native Interactions
❌ Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Crystal Ball Button

MM—021: Crystal Ball Button

Simple moving gradient hero section, using a lottie file and a blur effect to give the background gradient more style, feel free to change gradient to your needs, I hope it has some value for you.

herogradient

hurrah design - workspace

The personal enjoyment is far more important to us than expertise and points. What counts is your taste, your mood and everything you enjoy - whether it's wine or vinyl. That's how this website was created. We created a very extensive website full of content and lots of wine & music experience.

Setpember Shop

Setpember Wine & Vinyl Online Shop

Based on:
https://tympanus.net/Development/AmbientCanvasBackgrounds/index3.html

Colorful Background

Colorful Blur Background

Producer Duo:
soundcloud.com/anselynl
soundcloud.com/michael-price-226209169

Site by webflow.com/alexleevee

YOUNGERNEXTLIFE

YOUNGERNEXTLIFE ◉ SAMPLE LIBRARY

Hi my gorgeous friends of Webflow!

By playing with backdrop filters, svg clip path, and linear gradients, you can add a nice glowing text effect to your Webflow project.

Just hover over the image to reveal the animation! :)

Enjoy, and feel free to leave a comment!

Have an awesome Webflow journey y'all,

Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Glowing Text Effect

Made this a few months back when exploring new brand guidelines. I still really like it! Hope you do it 😁 All of the effects where accomplished inside Webflow.

Glassy-UI

Glassy UI

Hello there! :)
This is my current Portfolio showcasing some of my projects. 
I'm looking for a remote job as a Webflow developer and web designer.
Email: ale.di@live.it



Alessio Di Giacomo | Portfolio

Our local trail committee was looking to send local bikers notifications of trail issues and events. They also wanted users to be able to submit an issue on a trail (like a tree down).

We connected the CMS with Airtable through Whalesync, and the committee could easily manage trail statuses and send notifications through the Airtable app.

Trails App

Trail Status CMS Web App

Bolk Studio

Design and Webflow integration created for a UK growth agency. 
Tell us what you think!


Copy of Launch Mappers

Launch Mappers

tonik

Unfreeze is GameFi Toolbox for any game based on blockchain. We’ve came up with branding, design and developed their website in Webflow. 

unfreeze

Unfreeze - Website

We've help Monaliza, a french fintech startup with their website design and integration on Webflow.

Copy of monaliza

Monaliza

We've help Epsor turn their newly updated brand into an easy to understand and actionnable website, made in Webflow of course.

Discover blurrygradients websites built by the Webflow community

Discover blurrygradients websites built by the Webflow community