Meltio — Tailwind CSS Candle Store Template (HTML)

About This Item

Scented candle sellers can launch a full storefront with Meltio, a Tailwind CSS candle store template styled in Tailwind CSS 4 and shipped with 23 pages. It suits candle shops, scented candle boutiques, handmade wax brands, home-fragrance stores and artisan candle sellers who want a ready shop.

Wax Brand Storefronts With This Tailwind CSS Candle Store Template

This Tailwind CSS candle store template gives a small wax brand five different homepages to test before it picks one. Each home layout has its own hero and its own arrangement of featured candles. So you can compare a minimal storefront against a busier one with the same product photos.

Meltio also covers the jobs a candle seller does every day:

• Show a signature-scent collection in featured product grids with Add-To-Cart buttons.
• Highlight top-selling scents with sold counts and tabs, so shoppers see what other buyers pick.
• Run a limited-time offer with a Countdown timer, for example a seasonal scent launch.
• Publish candle care guides and fragrance news in several blog layouts.

Candle Shop Pages: Shop Details, Sidebars and Salesmen

The 23 pages are grouped around the way a candle store works.

• Home: Home v1 to Home v5.
• Shop: Shop Left Sidebar, Shop Right Sidebar and Shop Details for a single candle, with price tags and badges.
• Orders: Wishlist, cart, checkout and order pages.
• Team: Salesmen profiles and Our Schedule for store campaigns.
• Content: Blog in several layouts, Blog Details, About Us and Contact Us with a map and a message form.

Because the archive comes in left and right sidebar versions, you can pick the filter placement that fits your catalog.

Wishlist, Cart and Checkout for Candle Orders

Buyers can add a favorite scent to the wishlist, then move on to the cart and checkout. After that, the order pages let them follow a purchase. Shop pages use Swiper and Slick carousels for featured and top-selling sliders, and Magnific Popup opens a full-screen view of a candle photo. Flaticon and FontAwesome provide the icon sets, while Google Fonts handles the typefaces.

Mobile-First Candle Grids in Tailwind CSS 4

Responsive prefixes written into the HTML resize each layout, starting from the phone screen. A candle grid on the shop archive can therefore shrink from several columns to one on a phone without extra stylesheets. The compiled CSS holds only the utilities this template applies, so leftover styles stay out of your store.

First Edits for a Candle Seller

A first edit usually covers the product photos, the scent names and the brand colors on your chosen home layout. Then they edit the Shop Details page so each candle shows its own price, badge and description. Next comes the Countdown offer, which you can point at your own promotion.

Double-click any finished page in the download and check each edit in a browser. The Tailwind source sits in the package too, so you can change the styling and compile it again. The package leaves out the live preview photographs, and neutral placeholders replace the preview images until you add your own. Step-by-step documentation covers setup and customisation, and image credits go to Freepik and Unsplash.

Meltio works in Chrome, Firefox, Safari, Edge and Opera.