Waitlist kit
One page, one form, one evening.
The smallest kit here on purpose. A pre-launch page is one hero, one email capture, enough proof to be credible and enough answers to remove the objection — and the most common way it goes wrong is being built as a full marketing site three weeks before there is anything to market. This is the short version, and the effects are the part that makes a seven-block page not look like a seven-block page.
Take the whole kit
Add every piece to your bundle and export it as one archive, or run the command below to write all 14 into your project.
The free bundle holds ten pieces. Pro removes the cap — every piece stays free to read and copy either way.
npx hoverlab add startup-waitlist waitlist-landing-page announcement-bar hero-waitlist logo-cloud feature-icon-grid faq-accordion newsletter-signup footer-minimal bg-aurora btn-gradient text-shimmer badge-pulse loader-dotsEvery id spelled out, so it resolves against the CLI you already have rather than a shorthand that has to know this list.
Free to read, copy and install for personal and non-commercial work. Shipping it in client work or a paid product needs Pro ($79 once). The licence is the same for a kit as for any single piece in it — bundling things together does not change what you may do with them.
Templates1
Pages1
Blocks7
- Dismissible Announcement BarNavigation
The strip above the navbar, with the three things it usually gets wrong fixed: a named region, a live role only when it earns one, and a dismissal that persists.
announcement-bar - Waitlist Hero with Email CaptureHeroes
A pre-launch hero whose only ask is an email address, with pending and success states and a signup count that argues for finishing rather than starting.
hero-waitlist - Seamless Logo MarqueeLogo Clouds
An infinite horizontal logo scroll with masked edges, a pause-on-hover affordance and a reduced-motion fallback that wraps instead of moving.
logo-cloud - Icon Feature GridFeature Sections
Uniform cells, no spans, no state — the grid for nine things that matter equally, where a bento would be a wall and tabs would be a filing cabinet.
feature-icon-grid - No-JS FAQ AccordionFAQ
Exclusive accordion behaviour from named <details> elements — no state, no hooks, no JavaScript, full keyboard support for free.
faq-accordion - Newsletter Capture BandCTA Sections
Email capture with a four-state submission machine and an aria-live status line, so the outcome is announced and not just shown.
newsletter-signup - Minimal Footer BarFooters
One row — brand, a handful of links, socials, copyright — for a site where a five-column footer would be whitespace pretending to be structure.
footer-minimal
Effects5
- Aurora BackgroundBackgrounds
Two large blurred radial blobs drift independently across a near-black canvas, evoking northern lights.
bg-aurora - Gradient Shift ButtonButtons
A button whose multi-color gradient slides across on hover, paired with a soft drop shadow that intensifies.
btn-gradient - Shimmer TextText
Subtle slate text with a bright gold highlight band that sweeps across continuously.
text-shimmer - Notification Pulse BadgeBadges & Tags
A pink badge with a cyan corner dot that emits an expanding ring continuously, signaling a live notification.
badge-pulse - Three Dots BounceLoaders
Three colored dots that bounce in a staggered rhythm, perfect for inline status indicators.
loader-dots
You have nothing to ship yet and need to start collecting addresses tonight. If you would rather be walked through the order than handed the list, the guided paths cover the same ground one step at a time.