A dark waitlist hero: three blurred gradient orbs drift on slow orbits behind a frosted glass card with the headline, a validated email form with a success state, and a row of avatars.
Private beta · Spring cohort open
Hush reads every thread, files the noise and lines up the five emails that actually need you today.
npx shadcn@latest add https://hyperblur.dev/r/hero-orbs.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/hero-orbs.tsx.
import { HeroOrbs } from "@/components/hyperblur/hero-orbs"
<HeroOrbs onSubmit={async (email) => { await fetch("/api/waitlist", { method: "POST", body: email }); }} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "Private beta · Spring cohort open" | Pill above the headline. Empty string hides it. |
| title | string | "The inbox that sorts itself before you wake up" | Headline inside the glass card. |
| subtitle | string | sample text | Supporting paragraph under the headline. |
| primaryCta | { label: string; href: string } | null | { label: "Read the launch notes", href: "#" } | Accent text link with an arrow under the form. Pass null to hide it. |
| secondaryCta | { label: string; href: string } | null | { label: "Watch the 90-second tour", href: "#" } | Text link with a play icon under the form. Pass null to hide it. |
| placeholder | string | "you@company.com" | Email input placeholder. |
| submitLabel | string | "Get early access" | Submit button text. |
| successTitle | string | "You're on the list" | Heading shown in place of the form after a successful submit. |
| onSubmit | (email: string) => void | Promise<unknown> | Called with a valid email. Return a promise to show a loading state; a rejected promise shows an error message. | |
| people | string[] | 5 names | Names shown as initials avatars next to the trust line. Up to five are shown. |
| trust | string | "Joined by 2,400 product teams this month" | Short social proof line under the card. |
| accent | string | "#2f7bff" | Focus ring, link and first orb color. |
| colors | [string, string, string] | Colors of the three orbs. Defaults to the accent, violet and teal. |