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
🚀 Aurora: a real-time 3D website system, built from scratch with Three.js.
Everything in this 20-second showcase is real. The 3D shape is a live shader, and the site footage is a screen recording of the finished build, not a mockup.
What's inside: 6 finished pages, a mobile-first layout, scroll-reactive motion, and Figma-ready design tokens. Plain HTML, CSS and JS, so it deploys free on Netlify or Cloudflare Pages.
Need a custom 3D site or a rebrand of Aurora for your studio? Message me. I reply within 1 to 2 working days.
The full kit is on my Products tab. Live demo: aurora-3d-kit.netlify.app
#threejs #webgl #webdesign #3dwebsite #frontend
Nice work
Thanks Bro
A live shader instead of a rendered video makes a big difference in how the hero feels. Plain HTML, CSS and JS with free deploys on Netlify is a nice choice for a kit like this.
Thanks Senad! That was the goal: a live shader reacts to the mouse and scroll, so the hero feels alive instead of just playing back. I also kept a fallback for reduced-motion and no-WebGL users so it never breaks. Do you build with Three.js too?
@Senad Thanks! That was the goal: a live shader reacts to the mouse and scroll, so the hero feels alive instead of just playing back. I also kept a fallback for reduced-motion and no-WebGL users so it never breaks. Do you build with Three.js too?
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
People don’t just want a banking app. They want to feel in control of their money.
Great fintech design doesn’t just look premium. It makes money feel simpler, safer, and easier to control.
Meet Ziko, a mobile banking concept where every interaction is designed to reduce friction and build trust.
What wins your trust first: 🔒 Security, ✨ Simplicity, or ⚡ Speed?
Stunning
Taste Test: Bounce vs. Blueprint
Two 30-second motion pieces in two very different design languages, randomly drawn from a list of 60 styles.
Sprout: Flat Design
A houseplant-care app told with bright, shadowless shapes and springy bounce-in motion. Friendly icons, a weekly watering chart, a testimonial bubble and a “Pick your pal” shop all pop in with a circle wipe between scenes.
Atelier Nord: Modernism
An architecture studio told with restraint. Line drawings build themselves, from a house elevation to a floor plan, in a warm grey, black and off-white palette with a single orange accent. Clean type and sliding wipes keep it calm and precise.
One format, two moods: playful and rounded vs. quiet and exact.
2 videos · 30s each · 1080×1080 · 30 fps
Styles: Flat Design · Modernism
3 voted
43%
4 voted
57%
7 votes
Closed
Flat design, colors are eye catchy😊
Designed a modern Smart Band Health Tracking App.
A warm rose and coral gradient with soft blur effects, a cinematic onboarding photo, and large, clean numbers for a bold and inspiring first impression.
A glowing health score, a daily steps card with a clear timeline, quick stats for calories, sleep, and heart rate, plus a health record chart with simple daily insights make wellness data feel easy to understand. Soft glass cards and a floating tab bar keep the whole app smooth and easy to use.
Impressive work