Launch Announcement Home

Product launch page with a countdown, subscribe form and feature teasers.

ProHome layoutshome-layout8 sections

Install

npx shadcn@latest add "https://webberui.com/r/launch-home.json?t=<install token>"

The whole page lands in app/templates/launch-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Countdown Hero and Navbar

    Navbar plus a hero carrying the launch countdown flip clock, the waitlist sign-up form and a live count of people queued.

    hero
  2. 2

    Invited Teams Marquee

    An endless horizontal marquee cycling the eight teams invited during beta, standing in as social proof.

    misc
  3. 3

    Feature Teaser Wall

    Six feature cards — three unlocked, three locked behind a blur that hovering lets you peek through.

    features
  4. 4

    Launch Timeline

    Four milestones from closed alpha to general availability, the track's gradient line growing as you scroll.

    timeline
  5. 5

    Product Sneak Peek

    A pure-CSS browser window that stands up in 3D as you scroll, showing off the workspace interface.

    product
  6. 6

    Early Access Voices

    Three five-star endorsements from beta teams, with gradient avatars and job titles.

    testimonial
  7. 7

    Join the Waitlist

    The sign-up form offered again inside a gradient glow card, leading with 30% off for life for founding members.

    cta
  8. 8

    Brand Footer

    Brand mark, company details, product and company link columns, and a row of social icons.

    footer

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →