Skip to content
noel.marketing
Astro ThemeAvailable now

HorizonMusic

HorizonMusic Astro Theme — Premium Site for Musicians & Bands

A premium Astro music theme with scrollytelling home, discography, tour dates, gallery, blog, and cinematic motion for artists and bands.

€29.00

HorizonMusic preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

HorizonMusic

€29.00

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://horizonmusic.pages.dev/Demo

Why it fits

Why this Astro theme

  • Scrollytelling homepage built to convert fans into listeners and ticket buyers

  • Discography, tour, gallery, and MDX blog via content collections

  • Light and dark mode with persistent theme preference

  • Three.js particle hero with reduced-motion fallback

  • Lenis, GSAP, Motion, and anime.js choreography

  • SEO foundations including sitemap, robots.txt, llms.txt, and JSON-LD

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Official band websites
  • Solo artist marketing sites
  • Tour and release campaign hubs
  • Independent label artist pages
  • Music brand launches

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • Scrollytelling homepage built for musicians and bands
  • Discography, tour dates, gallery, blog, and contact via content collections
  • Light and dark mode with persistent theme toggle
  • Three.js particle hero with reduced-motion fallback
  • Lenis smooth scroll plus GSAP ScrollTrigger reveals
  • Motion and anime.js micro-interactions on cards and counters
  • Fullscreen mobile menu with accessible touch targets
  • Sitemap, robots.txt, llms.txt, Open Graph, and JSON-LD

Editorial luxury for musicians

HorizonMusic is a premium Astro 7 theme for musicians and bands. Scrollytelling layout, smooth scroll, scroll animations, and a fullscreen mobile menu create an editorial luxury presence — fully static, TypeScript-ready, and CMS-free.

Site name, hero copy, navigation, and socials live in src/config/site.ts. Colors and fonts are tokenized for fast rebranding. Replace demo media in public/images/ before you launch.

Discography, tour, and journal

Content collections power releases, tour dates, and the MDX blog. Dedicated routes cover gallery and contact. Newsletter and contact forms are intentionally demo placeholders so you can wire your preferred provider without fighting a baked-in backend.

Motion uses Lenis for smooth scroll, GSAP ScrollTrigger for reveals, Motion for micro-interactions, anime.js for counters, and a Three.js particle field in the hero. View Transitions are disabled to keep Lenis stable across page loads.

Feature highlights

  • Astro 7 with Tailwind CSS 4, TypeScript, MDX, and Zod schemas
  • Releases, tour dates, gallery, blog, and contact included
  • Light/dark theme toggle with localStorage persistence
  • Three.js hero plus Lenis, GSAP, Motion, and anime.js
  • Fullscreen mobile menu with accessible touch targets
  • Deploy dist/ to Netlify, Vercel, or Cloudflare Pages

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

AccountingFirm preview

A polished Astro theme for accounting firms, CPAs, and financial advisors with aurora design, dark mode, and conversion-ready service pages.

astro theme
AIAgency preview

AIAgency

€39.00

An editorial Astro 7 theme for AI studios — EN/DE, work case studies, services, blog, and subtle motion.

astro theme
AISaaS preview

AISaaS

€39.00

A minimal, conversion-focused Astro theme for AI SaaS products with dashboard preview, comparison, pricing, and MDX blog.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Not ready to buy yet?

Get the free launch checklist for this stack — plus practical resources, product updates, and occasional subscriber discounts.

Frequently asked questions

Who is HorizonMusic built for?

Musicians, bands, and artist teams that want an editorial luxury website with releases, tour dates, gallery, and a journal — without a CMS.

Which pages are included?

Scrollytelling home, discography, tour dates, gallery, blog, and contact, with content driven by Markdown and MDX collections.

How do I add releases and tour dates?

Add Markdown files under src/content/releases/ and src/content/tour/ with frontmatter matching the schemas in content.config.ts. Blog posts live in src/content/blog/ as MDX.

Are the newsletter and contact forms live?

They ship as demo placeholders. Connect Mailchimp, Buttondown, Formspree, Netlify Forms, or your own endpoint before launch.

Where can I deploy HorizonMusic?

HorizonMusic builds to static output and deploys to Netlify, Vercel, Cloudflare Pages, or any static host.