CHRON. HTML Theme
Live demo Buy for $34
New release v1.0 — May 2026

Ship your
watch brand this weekend.

CHRON. is a 41-page HTML theme built for analog watch brands. Ten distinct home page layouts. Real cart. Multi-step checkout. Live PDP gallery. Vanilla JavaScript & SCSS — no frameworks, no build step, no surprises.

✦ New seller webkoding · May 2026
Get the theme · $34 View live demo
  • 41 coded pages
  • Vanilla JS
  • SCSS source
  • 6mo updates
41Pages
28JS modules
16SCSS partials
0Frameworks
0Inline styles
100%Responsive
11 home page layouts

Pick a personality. Or A/B test all eleven.

Each variant is a fully independent HTML file with its own scoped CSS. Swap your homepage in seconds.

MAIN Slider Homepage Hero slider · Featured products V1 Editorial Minimal Full-bleed lifestyle · Italic serif V2 Dark Monochrome Aqua accent · Stats strip V3 Magazine Layout Asymmetric grid · Editorial V4 Product First Single hero · Floating specs V5 Split Hero 50/50 · Image + text V6 Big Serif Marquee 160px serif · Stacked watches V7 Grid First Masonry tiles · No slider V8 Story First Founder portrait · Big quote V9 Video Hero Crossfade layers · Play button V10 Luxury Gold Cream + warm gold · Serif

All variants share partials.js, catalog.js, and the global cart — switch homepage URLs and everything else keeps working.

What's inside

Features your buyer expects in 2026.

Nothing here is a promise. Every feature ships fully coded — open the demo, click around, see for yourself.

Working cart, end-to-end

localStorage cart syncs across drawer, full-page cart, and 4-step checkout. Auto-prunes stale items. Free-shipping progress meter.

Live watch face on PDP

Fifth gallery angle is a real ticking analog clock face — hour, minute, and seconds in your local time zone. Pure SVG + JS.

Lookbook with hotspot pins

Lifestyle photography with pulsing pins. Hover or tap reveals a product card with thumb, price, and link. Mobile-friendly toggles.

Compare tool

Place up to three watches side by side. Differing specs are auto-highlighted with an aqua border so the buyer sees the deltas instantly.

Service booking calendar

Date picker, time-slot grid, mail-in or drop-off toggle, live booking summary. Disables past dates and Sundays.

Instant search

Autofocus input, popular search chips, and a live-filtering grid. Tokens match name, variant, category, and description.

Wishlist that persists

Heart toggle on PDP saves to localStorage. Dedicated wishlist page renders saved items with one-click remove and add-to-cart.

Limited edition countdown

Live JS countdown timer to the next drop. Pair it with a numbered serial badge and a "notify me" CTA.

Stock alerts

Out-of-stock products swap their Add-to-cart button for a "Notify me when back" email form with success state.

Currency & language switcher

Five currencies, six languages. Selection persists across pages via localStorage. Drop-in to your i18n system.

Editorial brand story

Long-form journal with sticky TOC, pull quotes, reading time, and category filtering. Built for actual content.

Quick view modal

Hover a product card to reveal the eye icon; click for an instant modal with image, price, short description, and add-to-cart.

All 41 pages

Coded, styled, linked, and live.

Click any page card to open it in the demo. No placeholders, no "coming soon".

01HomeHero · Lookbook · Brand story 02ShopFilter sidebar · Sort · Pagination 03Product5-angle gallery · Swatches · Reviews 04CartLine items · Summary · Free-ship meter 05Checkout4-step · Order summary · Success 06CompareSide-by-side · Diff highlights 07WishlistSaved · Remove · Quick-add 08SearchLive filter · Popular chips 09StoryManifesto · Timeline · Stats 10JournalFeatured · Tabs · 6 cards 11ArticleLong-form · TOC · Pull quote 12ServiceCalendar · Slots · Booking 13ContactForm · Address · Map 14FAQSidebar scrollspy · Accordion 15AccountSign in · Register · Benefits 16404Rotating clock face · Quicklinks 17DashboardOrders · Addresses · Warranty 18Order detailTimeline · Tracking · Invoice 19Track orderStatus bar · ETA · Timeline 20ReturnsForm · Reason · Upload 21WarrantyRegister · Serial · Coverage 22LookbookEditorial · Issue spreads 23ConfiguratorCase · Dial · Strap · Live price 24CollectionNarrative · Stats · Pieces 25Coming soonCountdown · Reserve a slot 26SizingWrist ruler · Case table 27Press kitLogos · Palette · Photography 28PrivacyPlain-English data policy 29TermsShipping · Returns · Warranty 30CookiesEssential · Optional · Table
Code quality

Open the source. Smile.

No frameworks. No build step. No bundler config. Drop it on any host that serves static files and you're live. The SCSS compiles to a single CSS file. The JS is plain ES2015+ modules, with one file per page.

  • Zero inline styles. Every visual decision lives in CSS, controlled by class.
  • Zero inline scripts. All interactive code is in named, deferred files.
  • One source for chrome. Nav, footer, drawer, and cart inject from partials.js — edit once, update everywhere.
  • One source for products. catalog.js drives shop, PDP, compare, wishlist, search, and related-products.
  • Design tokens. 15 type sizes, 5 tracking values, semantic color names — change once.
  • Modular SCSS. 16 partials by concern — tokens, base, chrome, components, sections, pages.
assets/scss/styles.scss 
/* CHRON. — SCSS entry */
@use 'tokens';
@use 'base';
@use 'layout';
@use 'utilities';
@use 'components';
@use 'chrome';
@use 'hero';
@use 'sections';
@use 'page-head';
@use 'shop';
@use 'pdp';
@use 'cart-checkout';
@use 'content';
@use 'utility-pages';
Why CHRON. vs the others

Most themes are static mockups. This one ships.

CHRON.
Typical watch theme
Working cart (drawer + page + checkout)
✓
— Drawer only
Multi-step checkout
✓
— Single long form
Live watch face on PDP
✓
×
Interactive lookbook hotspots
✓
×
Compare watches with diff highlights
✓
×
Service booking calendar
✓
×
Wishlist that persists
✓
— Heart icon only
Limited-edition countdown
✓
×
Quick view modal
✓
×
Branded 404 with rotating clock
✓
×
Frameworks required
None
React / Vue
Build step
None
Webpack / Vite
Before you buy

Common questions.

What's the license?

Standard ThemeForest Regular License. Use it for one end-product (one live site). The Extended License is available if you're building a SaaS or product that's resold.

Will this work on Shopify or WooCommerce?

This is an HTML theme, not a Shopify/Woo theme. It's the perfect static starting point for a developer to port. The markup is clean, the classes are semantic, and the JavaScript is decoupled — porting takes hours, not weeks.

Do I get the SCSS source?

Yes. All 16 SCSS partials ship with a compiled styles.css. Run any SCSS compiler (dart-sass, sass-cli) to rebuild on changes.

How long are updates free?

Six months from purchase. After that, future major releases are 50% off for existing buyers.

Is the brand "CHRON." trademarked?

No. It's a placeholder for demo purposes. Find-and-replace it with your own brand name in the partials, catalog, and CSS variables.

What about RTL / Arabic / Hebrew?

The layout is LTR-only in v1.0. RTL support is on the roadmap for v1.2.

CHRON. HTML Theme

Ship a watch store this weekend.

41 pages, 11 home layouts. Working cart. Real interactions. Six months of free updates. Yours forever.

  • 41 fully-coded HTML pages
  • SCSS source + compiled CSS
  • 28 vanilla JS modules, no frameworks
  • 16 watch product images
  • Lookbook lifestyle photography
  • 6 months of free updates & bug fixes
  • Email support, replies within 48h
$34
one-time · regular license
Coming Soon on ThemeForest See the full demo first
14-day refund guarantee