Create Interactive Hero Shader for Webflow: Wonder ChallengeCreate Interactive Hero Shader for Webflow: Wonder Challenge
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Interactive shader in the Hero responding to cursor movement.
Made with Wonder, done in Webflow.
Should I participate in the Wonder Challenge?
Zerdalu's avatar
I have asked Wonder Chat about shader generation and it told me that there was no such functionality. How did you generate a shader in Wonder?
Arek's avatar
Ebaqdesign LLC logo
they're right on the canvas - check the toolbar on the left and then set properties on the right.
Arek's avatar
Ebaqdesign LLC logo
right here
Post image
Zerdalu's avatar
Silly of me to not check there. Anyway, I have added a shader and it is looking good. Thanks.
Nawras's avatar
Brilliant! 🔥 🔥
Arek's avatar
Ebaqdesign LLC logo
appreciate!
Rasel Alam's avatar
Amazing work
Sohan's avatar
well done
Arek's avatar
Ebaqdesign LLC logo
thanks!
Rajesh's avatar
Super clean design
Arek's avatar
Ebaqdesign LLC logo
thx brother
Aibek's avatar
Wonder logo
Looks awesome!
Arek's avatar
Ebaqdesign LLC logo
thank you!
Victor's avatar
Vprime Digitalz logo
Nice 👍
Mahsa's avatar
Nice!
Sara-Ellen's avatar
🚀 1000%
Arek's avatar
Ebaqdesign LLC logo
🙏🏻
Brandon's avatar
I definitely would submit this. Looks so elegant. I'll have to give Wonder a try one of these days.
Arek's avatar
Ebaqdesign LLC logo
Yeah you should. I played with it here and there - but now the timing was just right 😎
Sujon's avatar
amazing
Devowise's avatar
Absolutely. This looks awesome! 👏
AWD's avatar
The cursor-responsive shader does more than add visual appeal it makes the interface feel alive. What often gets underestimated is that subtle interactions can shape first impressions before users even read a headline. When motion reinforces the experience instead of distracting...
Dider's avatar
Amazing work
Godwin's avatar
For sure you should participate
Arek's avatar
Ebaqdesign LLC logo
done 🙌
Maty's avatar
A cursor-reactive shader on a hero for a specialty-practice SaaS is such an unexpected pairing, that space is usually so buttoned-up. Yes, definitely enter the Wonder Challenge with this one. Is the shader reacting in real time to actual cursor position/velocity, or is it a pre-baked animation triggered on hover?
Arek's avatar
Ebaqdesign LLC logo
this is an AI for Healthcare (they optimize clinic's operations) - so YES, we wanted to do something unexpected, we went with the "taking your clinic to next dimension" theme and this interactive shader felt like the right thing to do.
Arek's avatar
Ebaqdesign LLC logo
BTW - it's fully interactive, see it live: www.nextdim.webflow.io
Maty's avatar
on point my friend
Saira's avatar
LOved it.
Arek's avatar
Ebaqdesign LLC logo
thank you 😊
Md Abdur's avatar
Professional and impressive design work ! Good job
Arek's avatar
Ebaqdesign LLC logo
thank you sir 👍
Md Abdur's avatar
Sohail's avatar
Looks awesome!
Arek's avatar
Ebaqdesign LLC logo
thanks brother 🙌
Sharon's avatar
Love this!
Arek's avatar
Ebaqdesign LLC logo
thx 😊
Sahil's avatar
superb design!!
Peace 's avatar
Interesting
Oscar Daniel's avatar
Loks very nice! What about usability? Does it imapct how fast the website loads or something?
Adalat's avatar
That interaction feels really alive, the shader responding to cursor is smooth. Getting this kind of effect in Webflow usually takes a lot of manual work, so pulling it off this fast with Wonder is a solid showcase on its own. Definitely submit it to the Challenge, it's exactly the kind of work that stands out.😊
Arek's avatar
Ebaqdesign LLC logo
Shader is very responsive indeed. Happy how it came out. Thanks brother! 🤝
LayerTwo logo
The cursor-reactive shader makes the whole hero feel alive without being distracting. Subtle but it really lands. Would say go for the Wonder Challenge.
Arek's avatar
Ebaqdesign LLC logo
yess sir! well said, appreciate it 🙏🏻
Afnan 's avatar
Love the colors
Eniola's avatar
Exceptional work!
Juice's avatar
Love how subtle the interaction is.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started