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
Integrated @Spline 3D object with Barba.js page transitions on this one. The cube stays alive while the whole page morphs between routes — no reload, no jank.
thank you! @Spline itself is easy to drop in — the tricky part was keeping the scene alive through Barba's page transitions so it doesn't re-mount and flicker on every route change
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Brand identity system and homepage design for an AI-powered customer intelligence product. We went from zero to launch-ready in 3 weeks
Great work🔥
What if a website could feel like an art installation? 🖤
I wanted to experiment with something beyond traditional landing pages.
So I built a scroll-driven 3D experience where a single sculpture becomes the entire story.
With every scroll:
→ The camera moves around the sculpture
→ The lighting changes
→ New sections reveal themselves
→ Interactive UI elements appear
→ The perspective continuously evolves
No static hero.
No traditional section-to-section transitions.
Just 3D, motion, light, and storytelling working together.
Built with WebGL + Three.js + AI-assisted development.
The goal was simple: https://sincere-ethereal-sculpt-space.base44.app/
Don't just make people scroll.
Give them a reason to keep exploring.
Would you use this approach for a real brand website?
#WebDesign #ThreeJS #WebGL #3DWeb #CreativeDevelopment #Awwwards #FrontendDevelopment #UIDesign #InteractionDesign #AI #Base44
scroll driven 3d, how heavy is it to load?
Brand + web + product design work for an enterprise Web3 company from last year.
4-week sprint on a dream client brand + website, followed by 1.5 months of product design.
Still one of my favorite projects I’ve worked on 🔥