HAVOC — Fictional Esports Theme
Bring the noise.
A bold, dark, kinetic fictional esports theme — five sample divisions and rosters, an animated match schedule, player profiles, news, partners and a validated local application flow. Built in SvelteKit 2 / Svelte 5 over a typed data layer, fully prerendered and persistently framed as a concept.
Role · Design + front-end build (SvelteKit 2 / Svelte 5, typed data layer) · Updated Jul 2026
- 11 route types: home, teams + division detail, players + profiles, matches, news + article, partners, about, join, 404
- A typed data layer (divisions, players, matches, news, partners) with pure selectors and a documented CMS/API seam
- A reusable kit: animated scoreboard rows, count-up + scroll-reveal actions, a marquee and procedural crests/portraits
- A validated demo tryouts form, a full dark theme and mono tabular stats
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Headless CMS / match API
Fictional rosters, matches and news live in one typed data layer — connect a headless CMS or match API at the documented seam, then wire the explicit local-only application demo to your own workflow.
Delivered as full SvelteKit source. Swap the typed data layer for a headless CMS or your match API at the documented seam, recolour with the accent tokens, and point the tryouts form anywhere.
What makes it special
A kinetic, competitive identity
A near-black canvas with a volt-green→violet accent, a condensed techy display, diagonal cuts, scanline texture and speed lines — a glitch hero, a seamless marquee and count-up trophy stats, all transform/opacity-only and reduced-motion-gated.
A whole fictional org, modelled
Five sample game divisions, thirteen fictional players, a full illustrative schedule, six news patterns and tiered partners — one typed, deterministic data layer with pure selectors.
Animated scoreboards & filters
A schedule and results view with a tab + per-game filter and scoreboard rows whose scores count up on scroll, plus a roster filterable by game — every control keyboard-operable with aria state and live counts.
Procedural art, zero image deps
Division crests, per-game glyphs and abstract player portraits are all generated SVG keyed by hue — no external images, with reserved aspect ratios on every art slot for real photography later.
Accessible, honest and self-contained
Persistent demo framing, truthful schema, skip link, semantic landmarks, restored menu focus, a validated no-send application flow, AA contrast, self-hosted fonts and zero runtime network calls.
What’s included
- 11 route types: home, teams + division detail, players + profiles, matches, news + article, partners, about, join, 404
- A typed data layer (divisions, players, matches, news, partners) with pure selectors and a documented CMS/API seam
- A reusable kit: animated scoreboard rows, count-up + scroll-reveal actions, a marquee and procedural crests/portraits
- A validated demo tryouts form, a full dark theme and mono tabular stats
- Reduced-motion fallbacks, WCAG 2.2 AA, a fully prerendered static export and self-hosted fonts
More Arts & Entertainment templates
Explore more collections
Frequently asked
- What do I get when I buy HAVOC?
- A one-time licence with the full, editable source code, including 11 route types: home, teams + division detail, players + profiles, matches, news + article, partners, about, join, 404, a typed data layer (divisions, players, matches, news, partners) with pure selectors and a documented cms/api seam, a reusable kit: animated scoreboard rows, count-up + scroll-reveal actions, a marquee and procedural crests/portraits. 14 days setup support and free updates included.
- What is HAVOC built with?
- It's a SvelteKit marketing site, built with SvelteKit 2, Svelte 5, TypeScript, Tailwind v4, @fontsource. You receive the complete source to host and extend anywhere.
- Can YantraCore customise HAVOC for my brand?
- Yes — buy it as-is for $3,000, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 24–48h after purchase.
Make HAVOC yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.