E-commerce · General Retail Store

Daily Mart

Hypermarket delivery with one-tap quick add, 2-hour slots and live tracking.

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

What this template does

Daily Mart is a grocery and household delivery store built for speed: every product card has a quick-add stepper that flies the item into the basket. Shoppers fill the basket toward free delivery, set substitution rules per item, reserve a delivery slot from a three-day grid with full and green slots, check out and follow the order from picking to the door.

Signature interaction

Tap Add on any card and the product flies into the basket while the total counts up and the free-delivery ring fills; then hold a two-hour slot from a live three-day grid.

Working in the demo

  • One-tap quick add with fly-to-basket
  • Steppers that update everywhere at once
  • Instant search suggestions with add buttons
  • Deals of the day with live countdown
  • Free-delivery progress ring and top-up picks
  • Substitution rules per item and by default
  • Notes for the picker
  • 3-day delivery slot grid with full, few-left and green slots
  • Slot reservation timer
  • Saved and new addresses with validation
  • Cash, card on delivery or simulated card payment
  • Live order tracking with swap approval and van map

Motion preview

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

Features inside this template

Advanced Product Filters — live feature demo
E-commerce

Advanced Product Filters

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.

Try it
AI-assisted Search
Business

AI-assisted Search

A sports store search that understands plain language: “black running shoes under $100 for women” becomes visible filter chips for colour, category, price and gender, with typo correction, synonyms, instant results, recent and trending searches. It is honestly labelled Simulated AI — everything runs locally on 40 seeded products.

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