Bones | eCommerce HTML Template

Bones is a mobile-first e-commerce HTML template built the way a store is actually used: on a phone, one thumb, often at night. 39 pages, a working demo cart, a full account area and a components style guide, in clean HTML, CSS and JavaScript with no framework and no runtime dependencies.

BUILT FOR THE THUMB, NOT THE MOUSE

Every page is designed at 390 px first and widened with container queries. A five-destination bottom tab bar, native bottom sheets and drawers, and sticky add-to-cart chrome keep the whole store reachable without stretching. Navigation is a plain link to a plain HTML file, so there is no client-side router to debug.

A COMPLETE SHOPPING FLOW

Browse categories, filter and sort, open a product with variants and a gallery, quick-view from the grid, then move through cart, coupons and a two-flavour checkout to order confirmation and tracking. Wishlist, compare, empty states and out-of-stock states are all designed, not left as an exercise.

THE ACCOUNT AREA IS FINISHED

Orders, a single order view, addresses, payment methods, personal details, sign-in, registration and password recovery, each with its own page and its own empty state. A journal and a components style guide round out the set.

TWO LANGUAGES, TWO THEMES

English LTR and authored Arabic RTL come from the same templates and CSS logical properties, so right-to-left is real rather than a mirrored stylesheet. Light and dark are token-driven pairs, checked for contrast.

YOU DO NOT NEED THE BUILD

Finished LTR and RTL sites ship as plain HTML, CSS and JavaScript you can edit by hand. The editable Vite 8, Tailwind CSS 4 and Handlebars source project is included as well, with no jQuery, no CDN, no icon font and no runtime framework.

CONNECT A REAL CART WHEN YOU ARE READY

The documentation covers Snipcart, Stripe Payment Links and Shopify. Product, Offer, BreadcrumbList and Article structured data, a sitemap and Open Graph metadata are generated from the same content the pages use.

INCLUDED

• 39 pages in English and Arabic, light and dark

• Finished dist/ sites plus the editable Vite 8 + Tailwind CSS 4 + Handlebars source

• Installable PWA: manifest, service worker and offline fallback

• Demo cart, wishlist, compare and account area with local persistence

• Components style guide and full buyer documentation

• Self-hosted fonts and local photography with Pexels credits