Charcoal UI

Flint: Waitlist template

Collect your first thousand emails.

A one-screen waitlist with a countdown, then just enough proof and answers to earn the signup.

About the Flint template

Flint is a one-screen waitlist with a countdown, then just enough proof and answers to earn the signup.

Collect your first thousand emails. It is a complete waitlist landing page for React and Tailwind CSS 4, assembled from 4 Charcoal UI sections.

Who Flint is for

  • Pre-launch products.
  • Beta programmes.
  • Product Hunt launches.
  • Events with limited seats.

What is inside

4 sections, top to bottom:

  • Hero Waitlist: Launch waitlist with a countdown, sonar rings and an email form that confirms in place.
  • Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
  • FAQ Grid: Questions laid out in a grid with a contact card, for short answers.
  • Footer Minimal: One quiet row: brand, a few links and the year.

How it is built

Four sections and no clutter: countdown hero, logo cloud, FAQ grid and a minimal footer.

Install Flint

npx shadcn@latest add @charcoal/flint

Templates 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

Is one screen enough for a waitlist?
Yes, if it answers three things: what is coming, when, and why it is worth an email. Flint shows a countdown and a sentence, a strip of logos for credibility, and a short FAQ for doubts, then gets out of the way.
Can I connect it to my email list?
Yes. The form calls your onSubmit with the email, so it works with any list provider, form backend or API route.
Can I use Flint for a client site?
Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
Is Flint 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

  • Hero Waitlist: Launch waitlist with a countdown, sonar rings and an email form that confirms in place.
  • Logo Cloud: A muted marquee of customer wordmarks under a short trust line.
  • FAQ Grid: Questions laid out in a grid with a contact card, for short answers.
  • Footer Minimal: One quiet row: brand, a few links and the year.

Flint as Markdown