VENDER / FREE HTML CATALOG

A free ecommerce HTML template for your product catalog.

Four editable pages for presenting a small collection. Explore the design and product options before choosing the full storefront.

Vender Free catalog with product photography and collection links — Actual Vender HTML demonstration. Fictional products and prices.

Four pages. One useful starting point.

Homepage: A featured product and a collection grid.
Catalog: Category filtering for the fictional Wear, Carry and Home collection.
Product: Product options and image enlargement.
404: A recovery page that links back to the collection.

This edition is catalog-only. Cart, checkout, customer-account flows and the component library are part of Pro.

Download Vender Free ↓Explore Free demo ↗

Version 1.0.0. Includes editable source and generated demo images. Read LICENSE-AND-ASSETS.md for license and asset details.

Your first edit.

Extract the ZIP and read START-HERE.md.
Open a terminal inside the extracted folder. With Node.js 20.19+ or 22.12+ and npm installed, run npx vite@8.3.0 --host 127.0.0.1. npm may prompt to download Vite.
Open the local address printed in the terminal, normally http://localhost:5173/.
Edit the headline in index.html and refresh. Product fixtures are in assets/js/catalog-data.js; Free styles are in assets/css/catalog.css.

No framework or build step is needed. A static server avoids differences in how browsers handle local files.

When to choose Pro.

Choose Pro when you need the connected bag and checkout demonstration, account/support layouts, comparison, wishlist, gift finder or reusable components. Neither edition processes real orders or payments.

Compare the editions ↗ · See the component library ↗