Cta Pro 5: waitlist beside a black holePRO
A full-width waitlist section beside a black hole that bends light: an accretion disk with a bright approaching side, a lensed starfield and a photon ring, all in a shader, with a validated email form that takes focus on success.
Installation
Once per project: add the Pro registry and your licence key.
components.json{ "registries": { "@ballmac": "https://ui.ballmac.com/r/{name}.json", "@ballmac-pro": { "url": "https://ui.ballmac.com/r/pro/{name}.json", "headers": { "Authorization": "Bearer ${BALLMAC_LICENSE_KEY}" } } } }.env.localBALLMAC_LICENSE_KEY=your-licence-keyAdd it.
$ pnpm dlx shadcn@latest add @ballmac-pro/cta-pro-5Need a licence or help with setup?
Build prompt
Every value of this block written out: layers, sizes at each breakpoint, motion timings, fallbacks and a checklist. Give it to an AI builder to recreate the block in any stack.
Usage
import { CtaPro5 } from "@/components/ballmac/blocks/cta-pro-5/cta-pro-5"States
This block has no states. Static content: nothing to load, submit or fail.
Dependencies
- npm
- lucide-react
Use with AI
Waitlist capture over a real-time black hole: light rays are bent by the hole's gravity, so the starfield warps around it and the far side of the disk shows above and below the shadow. Email form with inline validation, a busy state, role=alert errors and a success message that takes focus. With the shadcn MCP server set up (guide), ask your agent:
Add the Ballmac UI Cta Pro 5: waitlist beside a black hole (@ballmac-pro/cta-pro-5) to this project with the shadcn MCP, then use it where it fits.
Use it for
- Launch waitlists and early-access pages for data, AI, infrastructure and space products
- A closing section that should feel like the edge of something
Not for
- Forms that need more than an email
- Light-themed pages
Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/cta-pro-5.json
Covered by the Ballmac UI Pro license.
More call to action blocks
CTA 1: framed call to action
A closing call-to-action panel: large heading, one line of reassurance and two buttons, over a softly lit animated grid.
CTA 2: waitlist over light beams
A waitlist or newsletter signup over rising light beams: heading, email field with validation, loading, success and error states.
CTA 3: install command
A closing call-to-action for developer products: heading, two buttons and a copyable install command with package-manager tabs, over a soft dotted glow.
Cta Pro 1: newsletter sign-up
A calm card with a validated email form, busy and error states, a success message that takes focus and a row of avatars with a reader count.