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
I built a lamp that switches on with your scroll. 💡
NOCTE is a concept site for a modular table lamp. Scroll into the configurator and the cream page fades into night, the lamp lights up, and its warm light tints the whole page.
Change the light from 2200 K to 3000 K and the page shifts with it.
Pick the shade, body and cable, and every lamp gets its own link.
Built from code, with no 3D model files.
Which finish would you choose?
The scroll-driven lighting makes the configurator feel genuinely tactile.
Sick 🔥
Beautiful warm lighting.
Looks amazing
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
Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight.
To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧
Really inspiring work! 😁
🚀 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
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.