Interactive — this is the real demo running inside the page.Full screen
What this template does
A marketplace for digital design goods. Every product has a live preview you can use before buying: switch UI kit screens, play a course lesson, drag a before/after preset slider, type in a font, draw with a brush. Checkout supports card, Whish wallet with OTP and cash at an agent, then licence keys are minted into a downloads library with re-download history and a full course player.
Signature interaction
After payment each licence key decodes and stamps itself into the library, and courses open in a player that remembers every lesson you finish.
Working in the demo
Draggable artboard hero with live cursors
Catalogue filters by type, tool, price and free
Instant search with keyboard navigation
Live previews: UI screens, lesson player, presets, font tester, icons, ebook, brushes, 3D
Personal / Team / Extended licences with changing terms
Cart with per-line licence switch and coupon SITESUP10
4-step checkout: card, Whish OTP, cash at agent
Licence keys minted on payment
Downloads library with re-download history
Team seats you can assign
Course player with chapters, captions, speed and saved progress
Account with receipts and notification settings
Motion preview
Screen recording of the live demo. Concept template — sample data.
Features inside this template
E-commerce
Quick Product View
A product grid where Quick view zooms the card image straight into a modal (shared-element transition) with a gallery, colour and size selection, quantity and add to bag. It is fully keyboard driven: Enter opens, arrows browse images, Tab is trapped inside and Esc returns focus to the card.
A four-step 'Almost yours.' checkout: contact and Lebanese address with inline validation, delivery zones priced by city with speed options, a calendar and time windows, payment by cash on delivery (USD or LBP), card with live brand detection, Luhn check and a flipping card preview, or a simulated Whish link, then a review with edit links and an order confirmation.
A phone product page with a frequently-bought-together checklist and combined price, a post-add modal offering protection at a one-time price with a live countdown, and a cart drawer that suggests what completes the setup, offers a storage upgrade on the line item and unlocks a free gift above a spend threshold.