Skip to content
ELECTRO — Electronics that earn their place.

E-commerce

ELECTRO

A complete electronics storefront — televisions, refrigerators, air conditioners, washing machines, computers and audio — with search and facet filters, a basket that survives a refresh, a compare tray, a four-step checkout and order tracking. Every department opens with a film, every product is a transparent studio cut-out, and the whole catalogue lives in typed data files.

Next.js
Live PreviewOrder This Website

Want it set up for your showroom? Ask for setup — your catalogue, prices, product photography, domain and launch, done for you.

Overview

A complete electronics storefront — televisions, refrigerators, air conditioners, washing machines, computers and audio — with search and facet filters, a basket that survives a refresh, a compare tray, a four-step checkout and order tracking. Every department opens with a film, every product is a transparent studio cut-out, and the whole catalogue lives in typed data files.

What's Included

  • Seventy text animation presets in one component, including the After Effects multi-line set — Dealer, Jetstream, Frontside–Backside, Outgoing–Incoming and Ideas
  • Ten department hero clips: a tiger coming out of a television, a fridge door opening in a kitchen garden, cold rolling off a glacier, sheets on a line in a flower garden, steam off a roast. Nine megabytes for all ten
  • Stacked page-turn scroll — each section stops under the header and the next rises over it
  • Transparent product cut-outs for all sixteen products, with a light studio tile applied automatically to the ones too dark to read on a dark card
  • 360° turntables you can drag, and refrigerator, microwave and washer doors that open when you point at them and shut when you leave
  • Basket and compare tray in localStorage, variants with price deltas, an installation add-on, a free-delivery meter and interest-free instalments
  • 3D spark buttons, a card deck, carousels, a cursor torch, a mains switch for light and dark, running circuit borders and cables
  • Every generator ships with it — Blender renders, image composition, cut-out splitting and clip cutting — each documented, so the next catalogue is three commands
  • Every animation stops under prefers-reduced-motion, and the whole store renders without a database, an API key or a paid service

Watch the Walkthrough

Every section of ELECTRO in one video, and the desktop and mobile layouts side by side.

ELECTRO on desktop and mobile

Pages

  • Home — hero with b-roll, department rail, deal of the day with a live countdown, featured tabs, two frame-by-frame films, services, comparison teaser, reviews, guides and showrooms
  • Shop — every model, with facet filters and sorting written to the query string
  • Ten departments plus two group pages — each with a hero clip or a drifting photograph
  • Sixteen product pages — cut-out gallery, 360° turntable, doors that open on hover, variants with price deltas, instalments and specifications
  • Compare — up to four models side by side, row by row
  • Basket, a four-step checkout and order tracking, all in the browser
  • Deals, brands, six buying guides, reviews, support, showrooms, about and contact
  • Privacy, terms, cookies and an instalments page, with the sample copy marked as sample
  • A 404 that offers the departments, and a live animation catalogue at /animations

Inside the Template

Screens from the live demo — nothing mocked up.

Home — b-roll behind the hero, live stock counts and the sections stacking over one another as you scroll
Home — b-roll behind the hero, live stock counts and the sections stacking over one another as you scroll
The two films on the home page — a television ending on a tiger that comes out of the screen, and a refrigerator open on a kitchen garden
The two films on the home page — a television ending on a tiger that comes out of the screen, and a refrigerator open on a kitchen garden
Shop — sixteen models with URL-synced facet filters, price range and sorting
Shop — sixteen models with URL-synced facet filters, price range and sorting
Televisions — the department opens with its film across the header, then the film settles into its panel
Televisions — the department opens with its film across the header, then the film settles into its panel
Product — cut-out gallery, 360° turntable, a screen that switches on under the pointer, variants and instalments
Product — cut-out gallery, 360° turntable, a screen that switches on under the pointer, variants and instalments
Buying guides — panel type, tonnage, capacity and inverter explained, each with its own photograph
Buying guides — panel type, tonnage, capacity and inverter explained, each with its own photograph

Responsive Preview

ELECTRO — Electronics that earn their place.

Perfect For

  • — Electronics and home-appliance retailers
  • — Showrooms that want their stock online with honest specifications
  • — Computer and gaming hardware shops
  • — Any catalogue where the specification decides the sale

Requirements

  • — Node.js 20 or newer
  • — A little comfort editing text files — the catalogue is plain typed data
  • — No database, no CMS and no API keys: it runs offline and deploys free

License

Each purchase includes a standard license covering one end product, personal or commercial, including client work. Redistribution or resale of the template files themselves is not permitted. Read the full license.

Frequently Asked Questions

Every product is one entry in one file: name, brand, price, specifications, highlights, variants and stock. Add a department and its page, its menu entry and its sitemap row appear with it.

Build your next website without starting from zero.

Order This Website

Not a developer? Have it set up for you.