Back to themes

Noble Muse — Editorial Fashion Storefront

Ink-navy editorial fashion theme: transparent-to-solid masthead over a campaign hero, hover mega menu, Shop the Look hotspots, quick view, cart and wishlist drawers — Shopify-ready, Astro 7 + Tailwind CSS v4.


Cost

Free


Created by
njxui

Noble Muse is an editorial fashion ecommerce theme for Astro — an ink-navy and lilac womenswear storefront with tracked-caps typography that reads like a lookbook, built for premium apparel brands.

Ecommerce features

  • Campaign hero slider with a transparent masthead that turns solid on scroll
  • Hover mega menu (tap-to-open on mobile) with categories, highlights and a campaign visual
  • Shop the Look: a symmetric lookbook grid with per-look popovers — every look sells its pieces straight into the bag
  • Filterable catalog: category, size, colour, price slider and sorting in a slim bar that collapses into a toggle on phones
  • Quick view and product pages with clickable gallery thumbnails, colour swatches and size selection with stock hints
  • Cart drawer with free-shipping progress and wishlist drawer, persisted in localStorage
  • Slide-down search with live results and popular-search chips
  • Once-per-visitor newsletter popup, giant outline wordmark footer

Shopify-ready

Runs on mock JSON out of the box — no backend needed. Point two environment variables at your store and it becomes a headless Shopify storefront with Shopify's hosted checkout.


Built with

- Astro 7, static output, SEO-friendly markup

- Tailwind CSS v4, design tokens in one block

- Fully responsive: compact two-row mobile header, two-column footer, snap carousels

- MIT licensed, free and open source