Launch und Waitlist

Details

Was Start und Warteliste mitbringt, aus Registry und Quellcode gelesen.

Bereich

Marketing

Variants

6

Version

1.0.1 · seit 1.0.0

Datei

components/ui/launch.tsx

Bringt mit

utilskiticonsectionbutton

npm-Pakete

Keine

Sprachen

Englisch und Deutsch, 27 eigene Texte

Studio

Alle 6 Variants bearbeitbar

In Sammlungen

Event

Mit KI bauen

Per MCP in Claude, Cursor, Copilot und Codex

Props

Die Schnittstelle LaunchProps aus components/ui/launch.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.

• variantoptional
  LaunchVariant

  waitlistcountdownvideoearly-accessannouncementteaser

• eyebrowoptional
  React.ReactNode
• titlePflicht
  React.ReactNode
• descriptionoptional
  React.ReactNode
• actionsoptional
  React.ReactNode
• waitingoptional
  number

  waitlist: people already waiting, and the place a new sign-up gets

• remainingoptional
  number

  countdown: seconds until launch when the page was built. Ticks down in the browser.

• dateoptional
  string

  countdown: the launch date as text, e.g. "December 1, 9:00 CET"

• mediaoptional
  React.ReactNode

  video, announcement, teaser: the picture or film still

• factsoptional
  { label: string; value: string }[]

  video: chapters or facts shown under the film

• inviteoptional
  { code: string; from?: string; perks: string[]; seats: number; total: number }

  early-access: the invitation

• statsoptional
  { value: number; label: string; prefix?: string; suffix?: string; decimals?: number }[]

  announcement: key figures, counted up when they scroll into view

• featuresoptional
  { icon?: IconName; title: string }[]

  teaser: features hidden until launch

• onSubmitoptional
  (value: string) => void

  waitlist, early-access, teaser: called with the email address or the invite code

Eingebaute Texte

Diese Texte schreibt Start und Warteliste selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.