Community Hub Home
Member avatar wall, event list and highlighted discussions.
Install
npx shadcn@latest add "https://webberui.com/r/community-home.json?t=<install token>"The whole page lands in app/templates/community-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 and Community Hero
A top nav over a gradient-glow headline and an interactive wall of member avatars that makes the community's size legible at a glance.
hero - 2
Community Metrics Band
Four columns of figures — registered members, new discussions, in-person events and shipped projects — showing the community's momentum.
stats - 3
Featured Discussions
A two-column card list of the week's liveliest threads, with tags, authors, reply counts and likes.
content - 4
Event Calendar
Upcoming events ordered by date, showing venue, time, an online-session marker and sign-up numbers.
timeline - 5
Topic Channels
Six topic channel cards, each with an icon, blurb and member count, to help visitors find their people.
features - 6
Join the Community CTA
Stacked avatars beside a large headline and a primary button, inviting visitors to create a free account and join.
cta - 7
Footer
Brand introduction, social icons, community, resources and about link columns, and the copyright notice.
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 →