WebberUI

SaaS Landing Page

SaaS product marketing site: hero, features, bento grid, social proof, pricing, CTA.

ProMarketingSaaS8 sections
See it liveSee the plans

Install

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

The whole page lands in app/templates/saas-landing/. 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

    Nav Bar and Hero

    A sticky glassmorphic nav bar over a gradient-headline hero, with a mock product board window, floating notification cards, and a customer logo marquee.

    hero
  2. 2

    Bento Feature Grid

    A six-cell bento grid covering smart boards, the AI automation engine, real-time collaboration, enterprise-grade security, and 200+ integrations.

    features
  3. 3

    Product in Context

    Three alternating left-right text-and-image blocks with parallax window mock-ups, showing planning, automation, and analytics in use.

    product
  4. 4

    Numbers and Customer Reviews

    A four-figure stat band that counts up on entry, plus four five-star customer review cards for social proof.

    testimonial
  5. 5

    Pricing Plans

    Starter, Pro, and Enterprise plan cards with a monthly/annual toggle and rolling price digits.

    pricing
  6. 6

    FAQ

    Five accordion questions with smooth height animation on expand and collapse, plus a contact-the-team link.

    faq
  7. 7

    Call to Action

    A call-to-action banner on a blue-purple gradient, pointing visitors to a free trial or a product demo booking.

    cta
  8. 8

    Footer

    A multi-column link footer with brand blurb, social links, copyright, and a system status indicator.

    footer

Included in these starter kits

A kit packs this template together with the components it needs, an SEO skeleton and the form fields a Taiwanese storefront has to collect — all behind a single install command.

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 →