WebberUI

Zoom Portal Home

Scroll through a series of expanding portals (circular and rectangular masks), one chapter per layer.

ProInteractive homeinteractive-home5 sections
See it liveSee the plans

Install

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

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

    Portal Journey Hero

    A brand nav bar over an immersive scroll journey through five zooming portals, running from the prologue to the departure call to action.

    hero
  2. 2

    Full Feature Overview

    Six cards listing the whole toolchain, from the scene editor and Depth Engine through to one-click global publishing.

    features
  3. 3

    Customer Stories

    Three brand and product leads share the dwell-time and performance results they saw after adopting portal storytelling.

    testimonial
  4. 4

    Open the Door Call to Action

    A closing invitation wrapped in concentric glows, sending visitors to open their first portal free.

    cta
  5. 5

    Brand Footer

    A dark footer built from the wordmark, four columns of site navigation links and copyright.

    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 →