@broberg/components Start here ↗

The Component Universe

The curated shared-component library across the broberg.ai estate — 72 components across 6 layers, best-implementation-per-pattern, extracted into @broberg/* packages. 52 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.

72components
52shipped
19under construction
4graduate
🆕 Just shipped

AI / LLM SDK

@broberg/ai-sdk · v0.47.0 · The fleet LLM SDK
$ npm i @broberg/ai-sdk
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.7.0
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✅ v0.2.0
F005Mail sending (Resend)
@broberg/mail
📦S · high✅ v0.14.0
F006Media storage (provider-agnostic)
@broberg/media
📦M · high✅ v0.2.1
F043Branded email shell
@broberg/mail-core
📦S · medium✅ v0.8.1
F042Image transform (HEIC→WebP)
@broberg/media-transform
📦M · high✅ v0.1.0
F041Cron client (cronjobs.webhouse.net)
@broberg/cron
📦M · high✅ v0.2.0
F079AI Chat (Aidan)
@broberg/chat
📦M · high✅ v0.6.3
F067Web Push (PWA notifications)
@broberg/webpush
📦S · high✅ v0.5.0
F007MCP Server Toolkit
@broberg/mcp
🔀L · high✅ v0.5.0
F035Secret / credential redaction
@broberg/secret-scan
📦S · high✅ v0.9.3
F036Lens-mint compliance
@broberg/lens
🔀M · high✅ v0.1.3
L1Identity— who the user is
F008Unified auth (Better Auth wrapper)
@broberg/auth
📦M · high✅ v0.6.2
F009User management + invitation
copy-owned scaffold
🔀M · high🚧 under construction
F010API-key + rate-limit
@broberg/apikey
📦M · high✅ v0.3.1
F011Event / activity log (GDPR)
@broberg/event-log
🔀M · high✅ v0.1.0
F012Profile + image upload
copy-owned scaffold
🔀M · medium🚧 under construction
F013Gravatar connector
@broberg/gravatar
📦S · medium✅ v0.2.1
F078Device statistics (which devices actually use us)
@broberg/device-stats
📦S · high✅ v0.3.0
F014Consent / cookie banner
@broberg/consent-cookie
📋M · medium✅ v0.1.0
L2Shell— the app frame & controls
F015Mode-switch (dark/light/system)
@broberg/theme
🔀S · high✅ v0.7.0
F016Toasts / Modals / Custom controls
@broberg/ui-controls-core
📋M · high✅ v0.2.3
F017Settings — tabbed config shell
copy-owned scaffold
🔀M · high🚧 under construction
F018Command palette (Cmd+K)
@broberg/cmdk
📋M · high✅ v0.1.0
F019i18n / language switch
@broberg/i18n
🔀M · medium✅ v0.1.0
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 — branded shell + primitives
@broberg/mail-core
📦M · high✅ v0.8.1
F044Speech dictionary — STT vocabulary + corrections
@broberg/speech-dictionary
📦M · medium✅ v0.1.3
F076SMS send primitive
@broberg/sms
📦S · high✅ v0.12.0
F074In-app notification list core
@broberg/notifications
📦S · high✅ v0.4.0
F045Team-chat webhook notifications
@broberg/notify
📦S · medium✅ v0.1.0
F046Lens capture/flow engine (Playwright)
@broberg/lens-engine
📦L · high✅ v0.10.0
F047Hosted-Lens client (no Playwright)
@broberg/lens-client
📦M · high✅ v0.1.0
F052Body pain-map
@broberg/bodymap
📦M · medium✅ v0.12.0
F053Stripe payments (Connect chokepoint)
@broberg/stripe
📦M · high✅ v0.4.1
F054PWA update primitive
@broberg/pwa
📦S · medium✅ v0.4.0
F024Forms + Turnstile
@broberg/forms-turnstile
🔀M · high✅ v0.3.0
F025Chat / chatbot UI
copy-owned scaffold
🔀L · high🚧 under construction
F063Server logging that redacts credentials
@broberg/logger
📦S · high✅ v0.2.3
F058HTTP header/response primitives
@broberg/http
📦S · medium✅ v0.1.0
F068Greppable — files the fleet grep cannot see
@broberg/greppable
📦S · high✅ v0.3.0
F037SETI streaming chat (client + Preact UI)
@broberg/seti-client
🔀M · high✅ v0.4.0
seti-serverSETI proxy router
@broberg/seti-server
📦S · high✅ v0.2.5
F026SoundKit (browser audio)
@broberg/soundkit
📦M · medium✅ v0.1.0
trailTrail — second-brain / RAG
mcp__buddy__trail_save · mcp__buddy__trail_search (buddy's MCP — the ONLY remote-callable door)
📦own: trail✅ v
voice-enginevoice-engine — speech, voices & who-spoke-when
HTTP /v1/* on an instance you run — there is no hosted address
📦own: voice-engine✅ v
contract-managerContract Manager — draft + sign customer contracts
HTTPS at contracts.webhouse.net · Bearer key from POST /api/enroll · no npm client, no MCP
📦own: contract-manager🚧 under construction
beaconBeacon — Hue signal lights (local)
local HTTP on 127.0.0.1 — port from ~/.beacon/beacon.json (never hardcode) · @broberg/beacon-sdk (private, not on npm) · createBeacon() in-process embed · MCP tools PLANNED
📦own: beacon🚧 under construction
F033Deploy provider core + trigger UI
@broberg/deploy-core
🔀L · high✅ v0.3.2
changelogAuto product-changelog
@broberg/changelog
📦S · medium🚧 under construction
email-shellShared email shell (HTML mail skeleton)
@broberg/email-shell
📦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.47.0
upmetrics-sdkTelemetry SDK
@upmetrics/sdk
📦own: upmetrics✅ v0.4.1
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
complimenta-sdkComplimenta booking SDK
@broberg/complimenta-sdk
📦own: fdaa✅ v0.3.0
cms-podcastPodcast engine (article to two-host audio)
copy-owned scaffold
🔀L · medium✅ v
cms-inline-editCMS click-to-edit widget
@broberg/cms-inline-edit
📦own: cms✅ v0.12.0
cms-chat-clientCMS chat quick-action cache-client
@broberg/cms-chat-client
📦own: cms✅ v0.4.20
FLEETWho builds & consumesread from every repo's package.json — 173 dependencies across 59 repos
scanned 2026-09-14 09:57 UTC · 214 package.json files
fd-sundhed
broberg-ai/fd-sundhed
→ ai-sdk→ apikey→ bodymap→ complimenta-sdk→ device-stats→ forms-turnstile→ i18n→ lens→ mail→ media→ media-transform→ pwa→ sms→ soundkit→ speech-dictionary→ upmetrics:sdk→ webpush
cardmem
PM board + Lens visual-verification daemon
✦ lens→ ai-sdk→ apikey→ auth→ gravatar→ lens→ lens-engine→ mail→ mail-core→ media-transform→ secret-scan→ seti-client→ seti-server→ speech-dictionary→ theme→ upmetrics:sdk→ webpush
broberg-ai/helpdesk
broberg-ai/helpdesk
→ ai-sdk→ apikey→ chat→ config→ cron→ deploy-core→ forms-turnstile→ gravatar→ mail→ mail-core→ secret-scan→ upmetrics:sdk
xrt81
X RT 81 — club platform
✦ config→ ai-sdk→ config→ cron→ gravatar→ lens→ mail→ mcp→ media→ media-transform→ notifications→ upmetrics:sdk→ webpush
contentpush
broberg-ai/contentpush
→ ai-sdk→ config→ cron→ db-sdk→ media→ media-transform→ notify→ secret-scan→ theme→ upmetrics:sdk
trail
trailmem — fleet second-brain
✦ secret-scan→ ai-sdk→ apikey→ auth→ lens→ mail→ pwa→ secret-scan→ speech-dictionary→ upmetrics:sdk→ webpush
cms
AI-native CMS
cms-inline-editcms-chat-client✦ theme→ ai-sdk→ chat→ cms-chat-client→ cms-inline-edit→ lens-engine→ mail→ mail-core→ ui-controls-core→ upmetrics:sdk
happy-little-place
broberg-ai/happy-little-place
→ ai-sdk→ auth→ config→ db-sdk→ gravatar→ mail→ theme→ upmetrics:sdk→ webpush
beacon
broberg-ai/beacon
→ apikey→ beacon-core→ beacon-sdk→ config→ http→ secret-scan→ theme→ upmetrics:sdk
moovyy
cbroberg/moovyy
→ ai-sdk→ apikey→ auth→ gravatar→ mail→ notifications→ pwa→ webpush
sanne
sanneandersen.dk — booking + shop
✦ mail→ ai-sdk→ cmdk→ cms-inline-edit→ lens→ lens-engine→ mail→ stripe→ upmetrics:sdk
autodoc
broberg-ai/autodoc
→ ai-sdk→ apikey→ auth→ config→ lens-client→ secret-scan→ upmetrics:sdk
broberg-ai-site
broberg-ai/broberg-ai-site
→ ai-sdk→ cms-chat-client→ cms-inline-edit→ forms-turnstile→ lens-engine→ mail→ mail-core
buddy
fleet daemon — cron, intercom, SETI cloud
fleet-clientfleet-contracts→ ai-sdk→ cron→ db-sdk→ fleet-contracts→ secret-scan→ speech-dictionary→ upmetrics:sdk
components
the shared-library home — this repo
themeloggersecret-scanlensseti-clientseti-servermailmail-coreconfigmediamedia-transformapikeywebpushcrondeploy-coregravatarauthforms-turnstilespeech-dictionarynotifylens-enginelens-clienthttpnotifications→ ai-sdk→ apikey→ forms-turnstile→ logger→ mail→ secret-scan→ ui-controls-core
fds
sport.fdaalborg.dk
→ ai-sdk→ apikey→ lens→ upmetrics:sdk→ webpush
mail via AWS SES (not @broberg/mail) — deliberate, budget-gated ($20/mo Resend domain verification for fdaalborg.dk)
upmetrics
telemetry, errors & deploy timeline
@upmetrics/sdkupmetrics-swift→ ai-sdk→ config→ lens→ mail→ upmetrics:sdk
coverletter
cbroberg/coverletter-generator
→ ai-sdk→ media→ upmetrics:sdk
pitch-vault
cbroberg/pitch
→ ai-sdk→ lens→ pwa
storeform
broberg-ai/storeform
→ lens-client→ upmetrics:sdk
vn-leker
webhousecode/vnlekerv2
→ mail→ mail-core
webhousecode/webhouse-site
webhousecode/webhouse-site
→ cms-inline-edit→ forms-turnstile
cronjobs
webhousecode/cronjobs
→ lens
fleet
broberg-ai/fleet
→ fleet-contracts
how
broberg-ai/house-of-wellness
→ mail-core
super
broberg-ai/super-agent
→ ai-sdk
ai-sdk
the fleet LLM SDK
ai-sdk
fdaaNEW
fdaalborg.dk — fysio platform
complimenta-sdk
voice-engine
speech, voices & who-spoke-when — self-hosted, no third party sees the audio
pkg publishes · ✦ pkg originated the pattern · → pkg consumes
INFRABest practices— the platforms we run on · live tips from the fleet · click a card
Platform
Fly.io26 tips
App hosting + deploy — most fleet services run here
📍 Always arn (Stockholm) — never US/Amsterdam
Cloudflare13 tips
DNS, CDN, Turnstile, R2 — the rest of the stack
📍 Global edge
Resend12 tips
Transactional email (booking, magic-links, notifications)
Stripe7 tips
Payments — Checkout (hosted + embedded), Connect commissions, E2E via Lens
Supabase9 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 publishing13 tips
How every @broberg/* package ships — token-free OIDC + provenance
Pitch Vault7 tips
Customer pitches — create, publish & share branded pitch pages
📍 Fly arn (pitch.broberg.dk)
Image processing (sharp / HEIC)6 tips
Server-side image transform — HEIC→JPEG, responsive WebP, EXIF orient + strip
GitHub Actions / CI-CD6 tips
Push-to-main CD for the fleet — the test-gate + the workflow gotchas + deploy-verification
Frontend (Preact / Next / PWA / web)7 tips
Frontend/web gotchas — Stack-B Preact rendering + media viewers + iOS/PWA + GDPR webfonts, and Stack-A Next.js caching
AI / LLM providers (@broberg/ai-sdk)8 tips
Cloud AI provider-integration lessons — capability-probing, GCP/Vertex traps, TTS routing, EU-region pins, cost read-back
Fleet ops (cc-session auth · edge · inter-session comms)6 tips
Operating the cc-session fleet — Mac-edge auth/keychain + the durable intercom layer between sessions
Document generation (PDF)2 tips
Server-side PDF/document generation gotchas — font encoding, glyph coverage
Native macOS/iOS apps (Swift — codesign, entitlements, TCC)1 tips
Code-signing + hardware-permission gotchas for native Swift apps (menubar apps, Capacitor-wrapped iOS/Android)