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
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
Superb 😍
scroll driven 3d, how heavy is it to load?
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
Loved working on this hero section.
Full animations, progress bar and components done with Framer + claude agent
Love this! @Migule
Shipped a membership update to Cohestra, our editorial template for course creators and independent schools.
We partnered with FrameAuth to build auth into the template. Sign-up, sign-in with Google or a one-time email code, an account page, and overrides for locking any section behind access.
The design problem behind it: a course site template usually stops at the enroll button. Everything after that, the part where someone actually becomes a student, happens on a platform that looks nothing like the site you designed. You spend the whole project on a first impression and then hand the relationship to someone else's UI.
Now it stays in one Framer project.
Amazing work🔥
I designed a premium Framer website for LOIRE, a tennis coaching and player-development brand. The interface uses editorial grid systems, dark forest tones, cinematic sports imagery, program cards, coach profiles, testimonials, video content, and conversion-focused CTAs. The site organizes private coaching, performance training, junior development, technical analysis, tactical development, video feedback, match preparation, personalized training plans, and progress tracking into a refined responsive experience.
This looks very nicee