WebberUI

Terminal Typing Home

The hero is a terminal that types and runs: commands print line by line, the cursor blinks, and the output lights up the sections below.

ProInteractive homeinteractive-home8 sections
See it liveSee the plans

Install

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

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

    Terminal Hero

    A nav bar above a live self-typing terminal whose command output lights up deployment capability cards and a metrics row one by one, with a customer trust strip beneath.

    hero
  2. 2

    Platform Feature Grid

    Six cards covering the platform core: preview deployments, zero-trust security and observability.

    features
  3. 3

    Three-Step Workflow

    Install the CLI, link the project, ship it — three steps in order with the matching terminal commands.

    timeline
  4. 4

    Real-Time Observability

    Tracing and error aggregation explained on the left; a mock dashboard window on the right showing a 24-hour request-volume bar chart.

    product
  5. 5

    Customer Testimonials

    Three five-star quotes from engineering teams, with initial avatars and job titles.

    testimonial
  6. 6

    Plans and Pricing

    Hobby, Pro and Enterprise plan cards, with the middle one flagged as most popular.

    pricing
  7. 7

    Call to Action

    An install command with a blinking cursor as the focal point, paired with start-free and read-the-docs buttons.

    cta
  8. 8

    Footer

    Brand blurb, social links and three link columns — Product, Developers and Company — with copyright and service status along the bottom.

    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 →