Interactive — this is the real build running inside the page.Full screen
What it does
A Beirut sneaker label built around drop culture. Tap any of seven zones on a drawn sneaker to flood it with a new colour and material, then blow the sole apart into its three layers. Drops run on a live calendar with countdowns and raffle entries, a size lab converts foot length to EU, US and UK, and checkout covers same-day Beirut delivery, store pickup and cash on delivery.
Signature interaction
Tap a zone on the drawn sneaker, pick a colour and it floods the panel in a ripple, then hit Explode and the sole splits into sockliner, midsole and outsole with tech labels.
What works in it
Seven-zone sneaker customiser with colour ripples
Materials with live price, randomise and undo
Saved designs and shareable design codes
Exploded sole view with three tech layers
Drop calendar with live countdowns
Raffle entry form with entry number
Size lab: foot length to EU / US / UK plus width
Sold out in your size: notify me
Colourway switcher and angle crops on product
Reviews with a fits-true-to-size meter
Filters by category, size in stock, price and wide fit
Four-step checkout with same-day delivery, pickup, cash on delivery, Whish and OMT
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
E-commerce
Countdown Timer
A flash-sale bar and product card with a flip-digit countdown to a real deadline, a stock-left bar that ticks down as people buy, an 'ends soon' pulse in the last 10 minutes, and an automatic switch to 'Sale ended' with a notify-me form.
A phone product page where colour swatches swap the gallery with a circular colour-wipe, storage options show price differences and low or sold-out stock per colour, an availability matrix shows every colour × storage combination at a glance, and the SKU, price and URL update with each choice.
A 24-product catalogue with faceted filters for category, price (dual slider over a price histogram), colour swatches, size, rating and in-stock. Active filters show as removable chips, counts update live, the grid re-sorts with smooth FLIP animation and the whole state lives in the URL so a filtered view can be shared.
A long skincare product page where, as soon as the main buy box scrolls out of view, a compact buy bar slides in with the product thumbnail, chosen variant, size picker, quantity, live price and Add to bag — always in sync with the main buy box.