Every fashion template on this page was designed and is maintained in-house by uiCookies — not gathered from other studios. Each one is built for a different corner of apparel retail: a seasonal lookbook, a streetwear drop, and a product-led boutique. You can preview each one live, download the full HTML, CSS, and JavaScript for free, and open it in any editor — no build step, no signup.
A fashion site lives or dies on its photography and its pace. The layout has to get out of the way of the imagery, hold a strong editorial voice through type and colour, and stay fast even when every section is a full-bleed photo. The design also has to match the tone of the label — a quiet luxury house and a loud hype brand want opposite things from the same page, so the right template is the one whose mood already fits yours.
All three are built on Bootstrap 5 with the jQuery dependency removed, so they stay responsive from phone to desktop and load quickly under heavy imagery. Pick the one that matches your brand, swap in your own lookbook and copy, and you have a storefront ready to publish anywhere.
The templates
Maison
Built around the seasonal lookbook, Maison is the pick for a fashion house that sells a mood before a product. An asymmetric look gallery, a scroll-snap new-in row, and a full-bleed editorial hero carry the collection, set in high-contrast Bodoni Moda display over a warm porcelain-and-espresso palette. It is a single-page template for labels whose homepage is the campaign.
District
District is the loud one — a streetwear drop site engineered to sell out, with a live countdown, a numbered product rack, and a hazard-tape marquee that turns scarcity into the whole pitch. Oversized Anton display over an asphalt-and-chalk palette with signal-orange and cobalt accents gives a hype label the energy a luxury lookbook deliberately avoids. Reach for it when your release is an event, not a catalogue.
Vellum
Where the others sell a mood, Vellum is built to sell products — a featured-collection grid, a bestsellers rail, and a budget-based gift guide give a fine-jewellery house or accessories boutique real shopping structure. Deep-emerald and antique-gold over a cool pearl neutral, in Cormorant Garamond with Hanken Grotesk, keep it refined without tipping into full editorial. Choose it when browsing and buying matter more than a campaign story.
Compare at a glance
| Template | Best for | Layout | Standout feature |
|---|---|---|---|
| Maison | Seasonal lookbook / fashion house | Single-page editorial | Asymmetric look gallery + full-bleed hero |
| District | Streetwear / limited drops | Single-page drop site | Live countdown + numbered rack |
| Vellum | Jewellery / boutique storefront | Product-led sections | Bestsellers rail + gift guide |
How to choose
Start with the job the site has to do. If your homepage is really a campaign — you want visitors to feel the season and click through to a store elsewhere — a single-page editorial layout like Maison does more with less. If people need to browse and compare actual pieces on the page, Vellum's collection grid, bestsellers rail, and gift guide give them somewhere to shop. And if the whole point is a timed release, District's countdown and numbered rack are built for the rush; drop mechanics feel out of place on a slow luxury lookbook, and a lookbook feels flat where a drop should shout.
Whichever you choose, your photography does the heavy lifting, so plan for it. Fashion imagery is large, and a page stacked with full-bleed shots can crawl on mobile — export your look photos at sensible dimensions, save them as AVIF or WebP, and keep the lazy loading that ships in the templates rather than swapping in a heavier gallery plugin. The type and colour are deliberately opinionated too: a high-contrast Bodoni or Cormorant reads as luxury, a condensed Anton reads as street, so retune the palette to your brand before you touch the typefaces, or you will lose the character you picked the template for.
These are static front-end templates, not a shop backend — which is a feature, since there is nothing to break and nothing to license per seat. When you are ready to take orders, wire the buttons to a hosted cart like Shopify's Buy Button, Snipcart, or a Stripe payment link, or paste the sections into a CMS or headless store; the layout does not care where checkout lives. Because everything is plain HTML, you can host it on any web host, GitHub Pages, Netlify, or Cloudflare Pages, and refresh the lookbook each season by editing the markup directly.
Frequently asked questions
Are these fashion templates free for commercial use?
Yes. Every template here is free to download and use for a real store or a client project, personal or commercial. There is no signup, paywall, or trial — you get the complete HTML, CSS, and JavaScript.
Can I actually sell products with these?
The templates are the storefront's front end, not the checkout itself. You can connect them to a hosted cart such as Shopify's Buy Button, Snipcart, or a Stripe payment link, or paste the sections into a CMS or headless store to handle orders and inventory.
Can I edit them without a build tool?
Yes. They are plain HTML, CSS, and vanilla JavaScript with no build step, so you can open them in any editor, replace the lookbook photos and copy, and publish. There is no Node, npm, or compile step to set up.
Do they work well on mobile?
Yes. All three are built on Bootstrap 5 with responsive layouts, which matters in fashion where most traffic arrives from phones and social. Galleries, product racks, and navigation all adapt down to small screens.
Will a photo-heavy fashion page still load fast?
It can, if you prepare your images. Export them at the sizes the layout uses, save as AVIF or WebP, and keep the built-in lazy loading — the templates are jQuery-free and lightweight, so your photography is the main thing left to optimise.
Is the countdown on District a real timer?
Yes. It is a live JavaScript countdown you point at your drop's date and time by editing one value in the markup — no plugin or subscription. When it hits zero, you swap the rack over to the live release or a sold-out state.
Related templates
Free E-commerce Website Templates · Free Spa, Salon & Wellness Website Templates · All free HTML website templates
