Skip to content
Scroll-Driven 3D Cargo Bike Configurator Built with Blender and Webflow

Scroll-Driven 3D Cargo Bike Configurator Built with Blender and Webflow

A cargo bike configurator where scrolling is the entire interface. Blender geometry piped into Webflow with scroll-triggered animations handling component swaps, color changes, and camera moves. No buttons, no menus. You scroll, the bike answers.

Details

Published

What it is

You scroll, the bike responds. Lorenz Wieseke's cargo bike configurator is one of those projects that makes you wonder why every product page isn't built this way. A Blender-modeled cargo bike sits in clean 3D space while scroll-driven interactions rotate it, swap out components, toggle child seats and cargo boxes, shift colors, and walk you through the entire decision tree a buyer would normally need a salesperson for. Standard box or the 200-liter beast? Hydraulic brakes or not? Kids or freight? You just keep scrolling and the bike keeps answering.

Lorenz is a Leipzig-based 3D artist and developer running LOVIZ, where he builds interactive 3D web experiences that sit at the intersection of product visualization and actual utility. This demo isn't a heavy engine flex. It's Blender geometry exported into Webflow with scroll-triggered animation hooks controlling visibility, material swaps, and camera position. The whole thing loads fast, runs smooth, and never asks you to click a "configure" button. The scroll is the interface. Go poke around the page, resize it, and try experience for yourself.

How it’s made

Framework & Tool
BlenderWebflow
Interaction
Scroll Animation
Subject
Transport