Docs Hub Home
Search box, popular topic cards and a category index — a documentation portal.
Install
npx shadcn@latest add "https://webberui.com/r/docs-hub-home.json?t=<install token>"The whole page lands in app/templates/docs-hub-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
Nav Bar & Search Hero
An opening screen with a branded nav bar, a gradient headline and a live docs-search dropdown, backed by four platform figures.
hero - 2
Popular Topic Cards
Six gradient icon cards for the topics developers open most, each with an article count and a last-updated date.
features - 3
Category Index
A directory-style index of six knowledge areas, each column listing six frequently used doc links.
content - 4
Quickstart Terminal
Three steps and a feature list on the left; on the right a terminal types out a deployment line by line.
product - 5
Changelog
Three release cards covering the platform's latest features, improvements and fixes.
timeline - 6
Getting Help
A dark rounded panel with three ways to get unstuck: the community, technical support and the sample-code library.
cta - 7
Footer
A full footer built from the brand blurb, four columns of links and a system-status bar.
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 →