BMW M3 Website with Cinematic Scroll Animations

BMW M3 Website with Cinematic Scroll AnimationsBMW M3 Website with Cinematic Scroll Animations

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

Barath Kumar

• Oct 12

Hey everyone! 👋

I had a lot of fun building this BMW M3 website! 🏎️

I wanted to experiment with cinematic animations, scroll interactions, lighting effects, and make the car reveal feel more aggressive and immersive.

One of my favourite parts was working on the headlight reveal — starting from a completely dark screen and bringing the car to life as you scroll. Getting the timing and overall feel right was a fun challenge.

This project gave me a chance to experiment, try new ideas, and push my frontend development skills a little further.

🔗 Check out the live experience: https://bmwm30.vercel.app/

Always excited to build more creative and interactive web experiences!

Got an interesting idea or project in mind? Feel free to reach out! 🤝

📩 Email: barathfreelancing@gmail.com

Completed work

3D Animation Frontend Development Web Design GSAP HTML5 React

Toqir Chatha

pro

• Oct 14

Built something that isn’t client work for a change. Flowkidz. Short games that teach kids design, websites, AI, code and internet safety.

Completed work

games Animation 2026 Interaction Design Web Design Webflow Development Figma GSAP Webflow

Ali Sabir

pro

• Oct 16

spot the fake being the one that sticks makes sense, catching grown-ups out is the best game there is. one build question. do kids need an account, or does progress live on the device? no-login is usually the hardest part of a kids product and the part parents actually check.

Lauri Lännenmäki

pro

• Oct 14

Photography template Halation is now on @Framer https://www.framer.com/marketplace/templates/halation-photos/

Framer Templates Design Web Design

Zubair Akhter

• Oct 15

Nice one

MD Robin Islam

pro

• Oct 15

Leandeck — animated hero with Unicorn Studio

Static hero backgrounds are easy to scroll past. So for Leandeck’s marketing site, I built a living one — a soft teal gradient with a subtle moving mesh that drifts behind the headline, made with Unicorn Studio.

It runs smoothly right in the browser and gives the hero a calm, premium feel without pulling attention from the message or the “Get Started Free” CTA. Subtle motion, big difference.

See it live → https://www.leandeck.ai

Completed work