GRINDLINE — Skate Streetwear Store built by SitesUp

Interactive — this is the real build running inside the page. Full screen

What it does

A bold skate-streetwear storefront built as Shopify Online Store 2.0 sections. A countdown leads into the Drop 07 room: join the queue, grind your skater along the ledge to the front, then cop numbered pieces while sizes sell out live and each reservation is held in your bag for ten minutes. A floating theme editor recolours, re-types and reorders the home page live, and collections, product pages, cart, one-page checkout with cash on delivery, card or Whish, and a customer account all work end to end.

Signature interaction

Join the Drop 07 queue and a skater grinds a ledge as your place in line counts down to zero, a "You're in" stamp slams onto the room, and you cop numbered pieces while sizes sell out live around you and each one is held in your bag on a ticking 10-minute timer.

What works in it

Drop countdown hero slideshow with progress and pause
Drop room queue with live position and ledge-grind progress
Live size stock that sells out while you watch, with shopper feed
10-minute reservations with a header timer and auto-release
Theme editor: colour scheme, font pairing, button style, announcement text
Drag or arrow-key section reordering and hide/show, saved
Mega menu and predictive search with keyboard navigation
Collection filters for availability, price range, type and colour with sort and grid density
Product gallery with zoom, swipe, flat-measure diagram and fit finder
Bundle packs, deck width and grip options, pickup availability by store
Cart drawer and cart page with free-delivery meter, notes, gift wrap and SITESUP10
One-page checkout with cash on delivery, card and Whish, plus OTP account with order history

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.

Try it

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

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.

Try it

E-commerce

Product Variant Selection

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.

Try it

Next build KILN STUDIO Handmade Ceramics Store