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
They look so cool!
Thx man!
Did you block out the motion timing directly in Framer, or storyboard it somewhere else first? These have such a satisfying rhythm to them.
This is very beautiful. Can you tell me if you made this animation in Framer from the start? Thank you.
Yes, animations are from Framer
Looks good
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
This is one of those times when our team in the studio is split 50/50, and we need the community's opinion on which animation and transition is more appealing.
Thanks π€π€
11 voted
34%
21 voted
66%
32 votes
Closed
I think Option 1 looks more modern and polished. The clean typography and minimal composition give it a stronger contemporary feel. β¨
We made this Framer template for free.
Not because landing pages are easy.
Because we wanted to explore what happens when a serious B2B product is given a little more personality.
Meet Origin β an industrial/energy SaaS landing page built around:
Editorial type Γ archival imagery Γ motion Γ product storytelling
And yes β the Framer template is free.
Take it. Remix it. Ship it.
Clean 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?