Fashion storefront

Fashion storefront is a modern apparel shop built with Next.js 16 and Tailwind v4. It ships a full browsing flow out of the box: a storefront home page, a filterable catalog, rich product pages, and a simulated cart and checkout. The product data lives in a single typed catalog file, so the eight sample pieces, four categories, sizes, colors, and reviews are all easy to read and extend.

The visual craft leans editorial. Archivo Black sets oversized, uppercase display headlines with tight letter-spacing, while Manrope keeps body copy quiet and readable. The palette is a warm off-white surface against deep black ink, with one sharp lime accent for badges, ratings, and hover states and a rust tone reserved for sale prices. Generous rounded cards, a wide max-width container, and roomy spacing give it a calm, magazine-like rhythm.

Who it's for

• Independent fashion labels launching a small online store
• Designers running limited capsule drops or seasonal collections
• Boutiques that want a clean catalog with faceted filtering
• Makers selling apparel, knitwear, tailoring, or accessories
• Anyone who needs a polished storefront front end to wire to a backend later

What's included

• Home page with a hero, brand marquee, new arrivals, top sellers, a capsule grid, an editorial section, and customer reviews
• Shop page (/shop) with a faceted filter sidebar for category, size, color, and fit, plus URL-driven search and sort
• Product detail page (/shop/product/[id]) with a gallery, color and size selectors, a quantity stepper, and Details, Reviews, and FAQ tabs
• Cart page with line-item quantity controls, a promo-code field, and an order summary
• Checkout page with contact, delivery, and payment sections and an order summary
• Account page with a sign-in layout and a continue-as-guest option
• Support page covering shipping, returns, sizing, stores, and careers, plus Privacy and Terms pages
• A sticky header with nav, search, account, and a live cart count, and a footer with link groups, store details, a newsletter CTA, and payment marks
• A reusable product card, breadcrumbs, and a slide-in cart drawer

Best use cases

Capsule and drop launches

The home page is built around drops and capsules, with a hero, a category grid, and new-arrival and top-seller rails. Swap the imagery and product data and you have a launch page for a seasonal collection in minutes.

Small apparel catalogs

With faceted filters, search, sort, and product tabs already wired to the catalog data, the storefront handles a tidy catalog of pieces cleanly. Add or remove products in one typed file and the filter chips stay in sync automatically.

A front end ready to wire to a backend

The cart, checkout, account, and forms are complete, validated UI with no real processing. They are a strong starting point to connect to your own commerce backend, payments, and auth when you remix.

Make it yours

1. Remix the template

Start from this template on mythos.new with one click. Remixing forks it into your own private project so you can edit freely without touching the original.

2. Customize your brand

Use the in-browser IDE and chat to make it yours: rename the store, swap the product catalog, drop in your own photos, and tune the palette and type. Describe what you want in chat or hand-edit the code directly.

3. Publish

When it looks right, publish straight from mythos.new to a live <name>.r21.dev subdomain. Keep iterating and republish anytime.