WebberUI

Multilingual SaaS Home

An international SaaS layout with a language switcher mock-up and localised content sections.

ProHome layoutshome-layout8 sections
See it liveSee the plans

Install

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

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

    Navbar and Multilingual Hero

    Brand navbar, a language switcher and a product window that localises live — switching locale rewrites the copy and reformats the data.

    hero
  2. 2

    Customer Logos and Key Figures

    A logo row of six adopting teams beside four headline figures, establishing scale and credibility.

    stats
  3. 3

    Feature Grid of Six

    Six cards covering the SDK, AI first-pass translation, the Git workflow and the locale formatting engine.

    features
  4. 4

    Locale Coverage

    Translation-completeness cards for twelve locales, their progress bars filling in sequence as the section scrolls into view.

    content
  5. 5

    Global Testimonials

    Three five-star endorsements from teams in Taipei, Barcelona and Tokyo, with gradient avatars and job titles.

    testimonial
  6. 6

    Localised Pricing

    Three tiers with a locale toggle — the Growth plan's price and call-to-action re-render in the chosen language.

    pricing
  7. 7

    Gradient Call to Action

    A full-width closing block in blue-violet gradient over a dot grid, offering a free start or a booked walkthrough.

    cta
  8. 8

    Dark Footer

    Dark footer with a brand blurb, social links, three nav columns for product, resources and company, and the active locale on show.

    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 →