No flat mockups or static decks here. Every project below is a live interactive build. Open it, change the parameters, and test how the flow feels on desktop and mobile.
Every piece in this catalog is an interactive showcase build (Demo project) engineered to demonstrate Harvane mechanics, not a fabricated third-party case study. Click everything freely: no real orders or payments are triggered.
Pick pro gear right off the pegboard wall, select rental dates, and get an instant breakdown of shift rates and refundable deposit.
What it does for the business: Visitors select dates and see rental and deposit calculations.
How it is built. Canvas relights the tool wall; Matter.js handles object physics. JavaScript connects the calendar to the rental estimate. Manrope and JetBrains Mono use SIL OFL licences; illustration sources are listed in the demo.
Instead of a dry registration form, try tactile 3D blocks: spin the class track, age group, and day of the week to book a trial session in seconds.
What it does for the business: Parents choose an activity and try the lesson booking flow.
How it is built. WebGL and three.js draw the 3D cubes. Canvas supplies labels and textures; JavaScript connects activity selection to booking. Wood and fabric maps from ambientCG and lighting from Poly Haven use CC0 licences. Credits are included in the demo.