WebberUI

Snap Full-Page Deck

Full-screen snap sections that lock into place one by one, each with its own entrance animation.

ProImmersiveimmersive6 sections
See it liveSee the plans

Install

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

The whole page lands in app/templates/snap-fullpage-deck/. 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

    Brand Bar and Opening Hero

    A dark aurora glow behind kinetic display type that rises line by line, with a brand bar and two action buttons.

    hero
  2. 2

    Manifesto and Key Figure

    Three manifesto lines sliding in from the side, with a large number card on the right counting up daily interruptions.

    stats
  3. 3

    Focus Mode Window

    Product highlights on the left and a focus-mode interface mock on the right that scales and tilts as you scroll.

    product
  4. 4

    Six Core Capabilities

    Six capability cards surface one at a time, over a metrics row whose numbers count up to show results.

    features
  5. 5

    Get Started Call to Action

    An oversized headline and free-trial button inside a radial light burst, closing the page's narrative.

    cta
  6. 6

    Footer Bar

    A clean dark footer of brand mark, navigation links, and social buttons.

    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 →