Coming Soon
A complete waitlist page: aurora backdrop, split-flap promise, form with success state, live counter.
- Zero dependencies
- React + Tailwind
- Accessible
- Reduced-motion aware
Preview
Animated · Full motion: idle animation, physics and effects. animated (default)
Drop it in as a route. Wire `onJoin` to your email provider. Uses the Split-Flap Board component, which is installed together.
Installation
$ npx shadcn@latest add https://guetix.com/r/coming-soon-page.json
Uses the shadcn CLI. It creates components/guetix/coming-soon-page.tsx and installs nothing else.
Usage
example.tsx
import { ComingSoonPage } from "@/components/guetix/coming-soon-page";
export default function Example() {
return <ComingSoonPage />;
}
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| brand | string | — | Brand name. |
| words | string[] | — | Split-flap words. |
| tagline / launch | string | — | Copy. |
| onJoin | (email) => Promise<void> | — | Submit handler. |
| animated | boolean | true | false = the calm “Regular” version (no idle or ambient motion). |
Accessibility
- Labelled form, validation alert, success status.