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
Back to feedPost
Inside the Spiral š
A quick exploration of Shaders and Web Audio API to create a high-contrast atmospheric experience.
āØ Neon Core Shaders (GLSL)
šµ Real-time audio synthesis synced with geometry
ā” Smooth motion thanks to GSAP
Built with Three.js and Webflow.
Pushing the boundaries of immersive web experiences. š
Love how the audio sync drives the spatial perception here. Are you mapping frequency bands to geometry parameters or shader uniforms?
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
Related posts
Question for @Webflow users:
Does anybody use frameworks for their development, or just their own personal one?
I ask because I'm diving into Client First and using it the right way (after years of just using it solely for the style guide), and now I find the class usage pretty tedious.
Is this just the learning curve or should are there better frameworks out there I should try?
Hey @David Lovenburg I always use a framework. clientFirst is 90% of what I use, but Lumos is also quite powerful (also a VERY steep learning curve). I get that it feels tedious, but helps with long-term scalability and consistency. Lately though I find myself just using Relume components that...
3D Modeling & Rendering: Created custom 3D assets and animated logos using Element 3D for a premium feel.
Cinematic Transitions: Designed custom Camera Zoom-throughs and seamless scene handovers to maintain viewer engagement.
Lighting & Atmosphere: Implemented a complex Neon/Synthwave lighting setup with advanced Glow and Volumetric effects.
Sound Design & Sync: Precise synchronization between motion graphics and voice-over to drive the call to action.
Looking for high-quality visual storytelling for your brand? Letās collaborate!"
Impressive work, Saeed! The way youāve combined cinematic transitions with complex lighting really elevates the 3D assets. Iām curious what was the most challenging part of achieving that premium feel with Element 3D?ā
A fintech experience defined by motion and interaction.
Tangible Finance combines videos, Lottie animations, and GSAP effects into a highly dynamic website that stays fast and smooth.
Every animation is crafted with performance in mind.
Every interaction feels fluid, responsive, and elegant.
Thrilled to have been part of bringing this project to life, a fintech experience that looks as good as it performs.
See it in action here: https://www.tangible.finance/
Great work!
Trending
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
returntonature
Spring is a reset for creativity. Whatās inspiring you outside the screen right now?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?