Skip to content
GetUrUI

Cartwheel Store

NewTemplateCommerce5 screens

A five-screen storefront for Cartwheel, a fictional homeware shop: editorial home page, filterable collection, product pages with colour and size pickers, a cart with a free-shipping meter and promo codes, and a three-step checkout.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$89

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

Cartwheel is a complete storefront frontend for a small homeware brand. Twelve products, each drawn in SVG from four angles, flow through a home page, a filterable collection, product pages, a persistent cart and a three-step checkout. The cart lives in localStorage and syncs across tabs, so the whole flow feels real before you connect a backend.

Who is it for?

Independent brands, agencies and developers building a headless store on Shopify, Medusa, Stripe or Dodo Payments who want the shopping experience finished and only need to plug in products and a payment provider.

What you get

Everything needed to make it yours.

Fly-to-cart

The product image arcs into the cart icon, then an "Added to your cart" popover confirms the item, size and colour.

Filters that reflow

Category, colour, price and availability filters in a sidebar or mobile drawer, with removable chips and an empty state.

Keyboard-friendly pickers

Colour and size pickers move with arrow keys and announce stock and delivery notes.

Cart that persists

Saved to localStorage, synced across tabs, with a free-shipping meter, promo codes and animated totals.

Three-step checkout

Contact, shipping and payment steps with inline validation and a collapsible order summary on mobile.

Drawn product imagery

Every product image is SVG built from theme tokens, so the store looks right in light and dark with no assets to host.

Screens & sections

  • Home — hero, featured collections, bestsellers
  • Collection — filters, sort, search, active chips
  • Product — gallery, colour and size pickers, reviews summary
  • Cart drawer with fly-to-cart animation
  • Cart page — free-shipping meter, promo codes, delivery estimate
  • Checkout — contact, shipping, payment, success

Stack

Next.jsReact 19Tailwind CSS 4Motion

18 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates