FREQ — Boutique Hi-Fi
Hear the whole signal.
A dark-futurism hi-fi storefront where every detail breathes to an implied beat: an audio-reactive hero, drag-to-rotate products with neon rim-light, animated frequency-response graphs and exploded-view breakdowns. Procedurally rendered audio gear and a full client-side commerce engine, deployed fully static.
Role · Design + front-end build (simulated backend via MSW) · Updated Jun 2026
- 14 routes incl. a dedicated tech/engineering page and full commerce flow
- Procedural 3D render pipeline: 3/4 poster, 360° frame sequence, exploded layers
- Optional WebAudio 'listen' micro-interaction + canvas visualizers (RM-gated)
- Client-side cart / checkout / orders (MSW + Zustand), localStorage persistence
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify (headless)
Connect a Shopify store — products, inventory, orders and payments are managed in the Shopify admin.
What makes it special
Audio-reactive hero
A canvas waveform/spectrum drives the hero — deterministic by default, or a live WebAudio analyser once the visitor opts to play. Silent and still under reduced-motion.
Drag-to-rotate, rim-lit
A 32-frame sprite sequence per product spins under a moving neon rim-light — inspect each piece from every angle, keyboard-operable.
Spec data-viz
Frequency-response curves draw on and spec figures count up, turning a spec sheet into motion design.
Exploded-view scroll
A pinned ScrollTrigger breakdown separates each product into its parts as you scroll — the engineering, made legible.
Static, zero backend
Procedural software-3D renders (no live WebGL) + MSW commerce mean the whole store exports static and runs anywhere.
What’s included
- 14 routes incl. a dedicated tech/engineering page and full commerce flow
- Procedural 3D render pipeline: 3/4 poster, 360° frame sequence, exploded layers
- Optional WebAudio 'listen' micro-interaction + canvas visualizers (RM-gated)
- Client-side cart / checkout / orders (MSW + Zustand), localStorage persistence
- Full source, TypeScript strict, static export — Lighthouse-tuned
Gallery
More Web templates
Make FREQ yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.