Signal: Conference template
Sell out a conference.
For conferences and summits: a split-flap city board with countdown, sponsors, a big-type speaker line-up, an agenda you can bookmark, ticket tiers, last year's photos and FAQs.
About the Signal template
Signal is built to sell out a conference. A split-flap city board with a countdown, sponsors, a big-type speaker line-up, an agenda attendees can bookmark, ticket tiers with sold-out bars, last year's photos and FAQs.
Sell out a conference. It is a complete conference landing page for React and Tailwind CSS 4, assembled from 9 Charcoal UI sections.
Who Signal is for
- Tech conferences and summits.
- Multi-city event tours.
- Industry events and expos.
- Community conferences.
What is inside
9 sections, top to bottom:
- Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
- Hero Event: Conference hero with a split-flap board of cities and dates, a live countdown and the speaker line-up.
- Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
- Event Speakers: Speaker line-up as a big name list; the focused speaker's duotone card and talk appear alongside.
- Event Schedule: Conference agenda with day tabs, track filters and bookmarks that build your own schedule.
- Event Tickets: Ticket tiers with sold-out bars and quantity steppers, totalled into one checkout bar.
- Gallery Masonry: Photo gallery with tag filters over a masonry grid and a dialog for the full-size image.
- FAQ Grid: Questions laid out in a grid with a contact card, for short answers.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.
How it is built
Speakers, sessions and ticket tiers are plain data. 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 Signal
npx shadcn@latest add @charcoal/signalTemplates 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 Signal for a client site?
- Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
- Is Signal 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.
- Hero Event: Conference hero with a split-flap board of cities and dates, a live countdown and the speaker line-up.
- Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
- Event Speakers: Speaker line-up as a big name list; the focused speaker's duotone card and talk appear alongside.
- Event Schedule: Conference agenda with day tabs, track filters and bookmarks that build your own schedule.
- Event Tickets: Ticket tiers with sold-out bars and quantity steppers, totalled into one checkout bar.
- Gallery Masonry: Photo gallery with tag filters over a masonry grid and a dialog for the full-size image.
- FAQ Grid: Questions laid out in a grid with a contact card, for short answers.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.