E-commerce · Sports & Lifestyle Store

Apex

Kinetic running store with a live bundle meter, size predictor and plan quiz.

Interactive — this is the real demo running inside the page. Full screen
Apex — screenshot of the live demo

What this template does

A performance running brand from Beirut. The headline stretches under your cursor, a countdown builds up to the next shoe drop, and a four-lane kit builder shows the discount growing as you add a shoe, top, shorts and bottle. A five-question quiz builds a training plan and picks the kit for it.

Signature interaction

Switch lanes on in the kit builder and watch the savings meter run from 10% to 20% while the kit stage fills and recolours to match.

Working in the demo

  • Kinetic variable-width headline
  • Live drop countdown with SMS alert sign-up
  • Colourways that recolour the product photo
  • Category, activity, colour and price filters with sort
  • Live search with highlights
  • Size predictor from height, weight or foot length
  • Four-lane kit builder with animated savings meter
  • Five-question training plan quiz with product picks
  • Bag with free-delivery progress, kit grouping and undo
  • SITESUP10 discount code
  • Four-step checkout with same-day, pickup and cash on delivery

Motion preview

Screen recording of the live demo. Concept template — sample data.

Features inside this template

Product Bundles — live feature demo
E-commerce

Product Bundles

Two bundle mechanics in one demo: tier cards for a single product (Single, Duo −15%, Trio −25%) with per-bottle flavour picks, and a build-your-own box where every item moves a progress bar toward the next discount tier, with a live price breakdown and an animated savings counter.

Try it
Countdown Timer — live feature demo
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.

Try it
Product Comparison — live feature demo
E-commerce

Product Comparison

Shoppers tick Compare on up to four phones, which collect in a floating tray, then open a side-by-side spec table with a sticky header and label column, a highlight-differences toggle, best-in-row markers, best value / camera / battery badges and removable columns.

Try it