# Waitlist landing

> A one-screen waitlist page: particles, countdown, email capture, referral link and signup count.

Template · Pro · https://lodeui.com/templates/waitlist-landing

## When to use

- Pre-launch pages and private betas.

## When not to use

- After launch: use a full landing page.

## Installation

```bash
npx shadcn@latest add @lode/waitlist-landing
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: motion, lucide-react

## Usage

```tsx title="example.tsx"
// app/page.tsx
import { WaitlistLanding } from "@/components/templates/waitlist-landing";

export default function Page() {
  return <WaitlistLanding />;
}
```

Built from: Avatar group, Flip clock, Gradient text, Number ticker, Particles

## API reference

### WaitlistLanding

A one-screen waitlist page: particles, a countdown, email capture with validation, a referral link after joining and a live signup count. Also the default export. No props: sample data sits at the top of the file, ready to swap for your own.

No props.

## Keyboard interactions

| Keys | Action |
| --- | --- |
| Enter | Join |
| Tab | Reach the copy-link button |

## Accessibility

- The field is labelled; errors use role="alert"; the confirmation is a status message.
- The countdown is a labelled timer.

## Motion

- Particles drift; the headline unblurs; the countdown flips; the form swaps to a referral card.

## Responsive behavior

- One centered column that fits at 320px.

## Performance

- Particles pause when off screen and draw once under reduced motion.

## Notes for AI

- Store signups server-side and generate a unique referral code per person.

## Related

- [Flip clock](https://lodeui.com/components/flip-clock) — Split-flap countdown where every digit flips like a departures board.
- [Particles](https://lodeui.com/components/particles) — A drifting constellation of dots on canvas that moves away from the pointer.
- [CTA section](https://lodeui.com/blocks/cta-section) — A dark closing call to action with meteors and an email capture.