Social Proof

CommunityBadge

Stars are the new MAU.

The 'Star us on GitHub' / 'Join the Discord' tile. Pass `icon` for a URL or `iconNode` for full control.

Install

Copy this owned-code component into your app from the registry.

pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/community-badge.json

Examples

Trio

Star us on GitHub

12,847 stars · +184 this week

Join the Discord

8,201 online now

Follow on X

build in public, always

<CommunityBadge
  href="https://github.com/…"
  icon={githubSvgUrl}
  title="Star us on GitHub"
  subtitle={<><b>12,847</b> stars · +184 this week</>}
/>

Props

Prop	Type	Default	Description
icon	string	-	SVG URL (gets inverted via CSS filter).
iconNode	Snippet	-	Custom icon node.
title*	Snippet	-	Primary label.
subtitle*	Snippet	-	Secondary label (counts, captions).
href	string	-	Anchor target (renders as `<a>`).

Next PricingCard ] →