Koviera - Multipurpose Ecommerce HTML Template

Koviera is a multi-purpose ecommerce HTML template built the way a design system is meant to work: ten complete storefronts that share one set of components, one product card and one set of design tokens. Change a token and every demo follows.

TEN STOREFRONTS, NOT TEN CODEBASES Fashion, Furniture, Electronics, Perfume & Beauty, Shoes, Bags, Watches, Organic, Jewelry and Toys. Each storefront has its own homepage, shop page, product page, palette, header and footer. They are all built from the same components, so a fix you make in one reaches all ten.

80 WORKING PAGES - Homepages: one per storefront, plus an RTL version - Shop: 5 layouts (sidebar, 4 columns, end sidebar, list, filter drawer), a category page and one shop page per storefront - Product: 13 pages, including standard, editorial and dense-spec layouts, plus one layout designed for each storefront - Cart & checkout: cart, empty cart, 4 checkout flows (standard, stepped, one page, minimal guest), order success and order tracking - Account: login, register, forgot password, dashboard, orders, order detail, downloads, addresses, account details - Blog: grid, list, sidebar, masonry, single post and author page - Utility: about, contact, store locator, FAQ, search, wishlist, compare, size guide, shipping, terms, privacy, 404, coming soon - Reference: a live component library, a live section library and a design token page

FILTERS THAT WORK Filter by category, brand, price, colour, size, rating and availability. You can sort, switch between grid and list, and paginate. The state is kept in the URL, so a filtered view can be shared and survives a reload. Every product is written in the HTML, so the pages can be indexed and still read without JavaScript.

CART, WISHLIST AND COMPARE The cart drawer, the header count, the cart page and the checkout summary all read from one data source. Coupons and shipping rates work. State persists in the browser, and you can move it to a real backend by replacing one documented adapter file.

RTL BUILT IN The CSS uses logical properties throughout, so there is no separate rtl.css. Set dir="rtl" and the layout mirrors.

EASY TO RE-THEME 270 design tokens control colour, type, spacing, radius and motion. The template ships 16 palettes and 10 button hover styles, and each palette is a single short file.

PERFORMANCE AND ACCESSIBILITY Each page loads only the CSS and JS it uses. Fonts are self-hosted, every image has explicit dimensions, and no page requests anything from an external server. The template targets WCAG 2.1 AA: full keyboard navigation, focus trapping in modals, one h1 per page, and support for prefers-reduced-motion.

DEVELOPER FRIENDLY Bootstrap 5.3 plus HTML5, CSS3 custom properties and vanilla JavaScript. No jQuery. Every page opens straight from disk, with one readable file per component (149 stylesheets, 43 scripts). An optional npm build minifies everything and can bundle one CSS and one JS file per page.

IMAGES The download uses placeholder images. The images in the live preview were generated with Leonardo.Ai and are not included. All brand names, products and reviews are fictional.

Features

10 complete storefront demos 80 working HTML pages 33 sections in 93 layouts 45 components with documented variants 5 shop layouts + 3 product layouts, plus one per storefront 4 checkout flows, order success and order tracking Working filters, sorting and pagination with URL state Persistent cart, wishlist and compare; coupons and shipping rates 11 headers and 10 footers 16 colour palettes and 10 button hover styles Full RTL support (CSS logical properties) 270 design tokens with a live token reference page WCAG 2.1 AA target Product, Breadcrumb and FAQ structured data (JSON-LD) Bootstrap 5.3, no jQuery Self-hosted fonts, no external requests Works from disk with no build step; optional minified build Valid HTML (html-validate, 0 errors) Detailed offline HTML documentation

Requirements

A code editor and a modern browser. Nothing needs to be installed: every page opens straight from disk or from any static host. Optional: Node.js 20+ and npm, only if you want to run the minified production build (npm run build). Basic HTML/CSS knowledge to customise the template.

Instructions

1. Unzip the package and open html/index.html in your browser to see every demo and page. 2. Read SETUP.txt for the quick start: colours, logo, images, fonts, currency and forms. 3. The full documentation is in documentation/index.html and works offline. 4. Change colours by editing design tokens or switching data-vt-theme on the tag. 5. Replace html/assets/images/placeholder.svg with your own images (see SETUP.txt §5). 6. Point the contact, newsletter, account and checkout forms at your own backend before going live. 7. Optional: run npm install, then npm run build:link, to serve one minified CSS and JS file per page. 8. Upload the contents of html/ to your host.