WebberUI

Admin Dashboard

Back-office dashboard: sidebar, metric cards, charts, tables, activity feed.

ProContentdashboard6 sections
See it liveSee the plans

Install

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

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

    Dashboard Shell and Welcome Header

    Sidebar navigation, a search top bar and a greeting with today's snapshot — the full entry point to the back office.

    hero
  2. 2

    Key Metric Cards

    Four core metric cards with count-up animation and sparklines, covering revenue, users and conversion.

    stats
  3. 3

    Revenue Chart and Goal Ring

    A combo chart of monthly revenue against target, paired with a radial progress ring for quarterly goal attainment.

    content
  4. 4

    Recent Orders Table

    A table of the last 24 hours of transactions, with customer avatars, plan, amount and status badges.

    product
  5. 5

    Live Activity Timeline

    A live feed of operational events threaded on a timeline, each entry sliding in as it arrives.

    timeline
  6. 6

    Dashboard Footer

    A compact footer with copyright, policy links and a system status indicator.

    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 →