@broberg/components

The Component Universe

The curated shared-component library across the broberg.ai estate — 46 components across 6 layers, best-implementation-per-pattern, extracted into @broberg/* packages. 12 are live on npm (6 components-owned + sibling SDKs from other repos). Idea → running platform in days. This page renders with the very tokens it documents — click any card to read more.

46components
12shipped
33under construction
4graduate
✅ Shipped

Design tokens + theme preset

@broberg/theme · v0.2.0 · Tailwind v4 · headless core + React/Preact + DESIGN.md→v4 generator
$ npm i @broberg/theme
Layer
Status
Model
Show
↗ moved = re-homed to another repo · everything else is filterable above
L0Rails— foundation every app stands on
F001Design tokens + theme preset
@broberg/theme
🔀M · critical✅ v0.3.1
F002Stack B base scaffold
@broberg/stack-b-base
🏗️M · high🚧 under construction
F003Stack A base scaffold
@broberg/stack-a-base
🏗️M · high🚧 under construction
F004Config single-source helper
@broberg/config
📦S · high🚧 under construction
F005Mail sending (Resend)
@broberg/mail
📦S · high✅ v0.1.0
F006Media / Cloudflare R2
@broberg/media-r2
📦M · high🚧 under construction
F007MCP Server Toolkit
@broberg/mcp
🔀M · high🚧 under construction
F035Secret / credential redaction
@broberg/secret-scan
📦S · high✅ v0.1.3
F036Lens-mint compliance
@broberg/lens
🔀M · high✅ v0.1.2
L1Identity— who the user is
F008OAuth login providers
@broberg/oauth
📦M · high🚧 under construction
F009User management + invitation
copy-owned scaffold
🔀M · high🚧 under construction
F010API-key + rate-limit
@broberg/apikey
📦M · high🚧 under construction
F011Event / activity log (GDPR)
copy-owned scaffold
🔀M · high🚧 under construction
F012Profile + image upload
copy-owned scaffold
🔀M · medium🚧 under construction
F013Gravatar connector
@broberg/gravatar
📦S · medium🚧 under construction
F014Consent / cookie banner
copy-owned scaffold
📋M · medium🚧 under construction
L2Shell— the app frame & controls
F015Mode-switch (dark/light/system)
copy-owned scaffold
🔀S · high🚧 under construction
F016Toasts / Modals / Custom controls
copy-owned scaffold
📋M · high🚧 under construction
F017Settings — tabbed config shell
copy-owned scaffold
🔀M · high🚧 under construction
F018Command palette (Cmd+K)
copy-owned scaffold
📋M · high🚧 under construction
F019i18n / language switch
copy-owned scaffold
🔀M · medium🚧 under construction
F020SEO / metadata helpers
@broberg/seo
📦M · high🚧 under construction
F021PWA setup
copy-owned scaffold
🔀M · medium🚧 under construction
F022PWA update banner
copy-owned scaffold
📋M · medium🚧 under construction
F034User menu (account dropdown)
copy-owned scaffold
📋M · high🚧 under construction
L3Domain— feature surfaces
F023Mail templates
copy-owned scaffold
📋M · high🚧 under construction
F024Forms + Turnstile
copy-owned scaffold
🔀M · high🚧 under construction
F025Chat / chatbot UI
copy-owned scaffold
🔀L · high🚧 under construction
seti-clientSETI streaming chat (client + Preact UI)
@broberg/seti-client
🔀M · high✅ v0.2.1
seti-serverSETI proxy router
@broberg/seti-server
📦S · high✅ v0.2.2
F026SoundKit (browser audio)
@broberg/soundkit
📦M · medium🚧 under construction
trailTrail — second-brain / RAG
trail_save · trail_search (MCP) + cloud REST
📦own: trail🚧 under construction
F033Deploy provider core + trigger UI
@broberg/deploy-core
🔀L · high🚧 under construction
changelogAuto product-changelog
@broberg/changelog
📦S · medium🚧 under construction
F027Deployment Mgmt (observe)
→ Upmetrics F019
🔀↗ moved
F028Podcast manager / maker
copy-owned scaffold
🏗️L · medium⬆🚧 under construction
L4Capstone— whole-product builders
F029Multi-tenant management
copy-owned scaffold
🔀L · high⬆🚧 under construction
F030Native mobile boilerplate
copy-owned scaffold
🔀L · high⬆🚧 under construction
F031Greenfield scaffolder
copy-owned scaffold
🏗️M · high🚧 under construction
F032create-app CLI + manifest
copy-owned scaffold
🏗️L · high⬆🚧 under construction
SDKFleet SDKs— sibling @broberg packages — installed here, owned + shipped in their own repos
db-sdkData SDK
@broberg/db-sdk
📦own: db-sdk repo✅ v0.1.0
ai-sdkAI / LLM SDK
@broberg/ai-sdk
📦own: ai-sdk (broberg-ai/ai-sdk)✅ v0.13.0
upmetrics-sdkTelemetry SDK
@upmetrics/sdk
📦own: upmetrics✅ v0.2.0
upmetrics-swiftTelemetry SDK (Swift)
upmetrics-swift
📦own: upmetrics✅ v0.1.0
fleet-clientFleet client
@broberg/fleet-client
📦own: fleet (buddy F072)✅ v0.1.0
fleet-contractsFleet contracts
@broberg/fleet-contracts
📦own: fleet (buddy F072)✅ v0.1.0
FLEETWho builds & consumesthe broberg.ai sessions behind the shared library — supply & demand
components
the shared-library home — this repo
themesecret-scanlensseti-clientseti-servermail
buddy
fleet daemon — cron, intercom, SETI cloud
fleet-clientfleet-contracts
ai-sdk
the fleet LLM SDK
ai-sdk
upmetrics
telemetry, errors & deploy timeline
@upmetrics/sdkupmetrics-swift
cardmem
PM board + Lens visual-verification daemon
✦ lens→ lens→ seti-client→ seti-server
trail
trailmem — fleet second-brain
✦ secret-scan→ lens→ secret-scan→ mail
sanne
sanneandersen.dk — booking + shop
✦ mail→ lens→ mail
cms
AI-native CMS
✦ theme
xrt81
X RT 81 — club platform
✦ config→ lens
fds
sport.fdaalborg.dk
→ lens
mail via AWS SES (not @broberg/mail)
fdaaNEW
fdaalborg.dk — fysio platform
→ mail
pkg publishes · ✦ pkg originated the pattern · → pkg consumes
INFRABest practices— the platforms we run on · live tips from the fleet · click a card
Fly.io17 tips
App hosting + deploy — most fleet services run here
📍 Always arn (Stockholm) — never US/Amsterdam
Cloudflare9 tips
DNS, CDN, Turnstile, R2 — the rest of the stack
📍 Global edge
Resend7 tips
Transactional email (booking, magic-links, notifications)
Supabase8 tips
Postgres + auth (sanne, xrt81, fds, fdaa)
📍 Always arn (Stockholm)
Turso / libSQL5 tips
Edge SQLite — the @broberg/db-sdk backend
📍 Primary arn + embedded replicas
npm / OIDC publishing5 tips
How every @broberg/* package ships — token-free OIDC + provenance