Frequency: Internet radio template
Listener-funded radio, live worldwide.
For radio stations and audio communities: a live listener map, show episodes with a player, a featured album, listener donations and a newsletter footer.
About the Frequency template
Frequency is for listener-funded radio and audio communities. A live map of listeners, show episodes with a player, the album of the week and a donation block that says what each gift pays for.
Listener-funded radio, live worldwide. It is a complete internet radio landing page for React and Tailwind CSS 4, assembled from 6 Charcoal UI sections.
Who Frequency is for
- Internet radio stations.
- Community audio projects.
- Music collectives.
- Ambient and mix channels.
What is inside
6 sections, top to bottom:
- Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
- Stats Live: Dotted world map with live pings, a running counter and a feed of what just happened where.
- Podcast Episodes: Podcast block with show art, an episode list and a player with a live visualiser and scrubber.
- Music Album: Album release: a sleeve whose vinyl slides out and spins while a track plays, beside the tracklist.
- Pricing Donation: Pay-what-you-want block where each preset amount says what it pays for, with a goal bar.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.
How it is built
Donation tiers, shows and the album pick are props. Every section is a separate Charcoal UI section, so you can reorder, remove or restyle any of them, and the accent colour is one CSS variable on the page wrapper.
Install Frequency
npx shadcn@latest add @charcoal/frequencyTemplates are part of Charcoal UI Pro. One seat covers all 100 templates, 107 sections and 300 Pro components. The command installs the page and every section and component it uses, so it runs the moment it lands.
Frequently asked questions
- Can I use Frequency for a client site?
- Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
- Is Frequency a Next.js template?
- It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.
Sections in this template
- Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
- Stats Live: Dotted world map with live pings, a running counter and a feed of what just happened where.
- Podcast Episodes: Podcast block with show art, an episode list and a player with a live visualiser and scrubber.
- Music Album: Album release: a sleeve whose vinyl slides out and spins while a track plays, beside the tracklist.
- Pricing Donation: Pay-what-you-want block where each preset amount says what it pays for, with a goal bar.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.