The Component Universe

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

61components

43shipped

17under construction

4graduate

🆕 Just shipped

Stripe payments — one fleet chokepoint

@broberg/stripe · v0.2.0 · Connect checkout + webhook route factory · dark-ship client · fee calc · raw-body constructEvent · source: sanneandersen

$ npm i @broberg/stripe stripe

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✅ v0.2.0

F005Mail sending (Resend)

@broberg/mail

📦S · high✅ v0.3.0

F006Media storage (provider-agnostic)

@broberg/media

📦M · high✅ v0.2.1

F043Branded email shell

@broberg/mail-core

📦S · medium✅ v0.1.0

F042Image transform (HEIC→WebP)

@broberg/media-transform

📦M · high✅ v0.1.0

F041Cron client (cronjobs.webhouse.net)

@broberg/cron

📦M · high✅ v0.1.0

webpushWeb Push (PWA notifications)

@broberg/webpush

📦S · high✅ v0.1.1

F007MCP Server Toolkit

@broberg/mcp

🔀L · high✅ v0.4.0

F035Secret / credential redaction

@broberg/secret-scan

📦S · high✅ v0.1.7

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.1.2

F009User management + invitation

copy-owned scaffold

🔀M · high🚧 under construction

F010API-key + rate-limit

@broberg/apikey

📦M · high✅ v0.1.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.1.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.3.1

F016Toasts / Modals / Custom controls

@broberg/ui-controls-core

📋M · high✅ v0.1.0

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.1.0

F044Speech dictionary — STT vocabulary + corrections

@broberg/speech-dictionary

📦M · medium✅ v0.1.1

F045Team-chat webhook notifications

@broberg/notify

📦S · medium✅ v0.1.0

F046Lens capture/flow engine (Playwright)

@broberg/lens-engine

📦L · high✅ v0.4.1

F047Hosted-Lens client (no Playwright)

@broberg/lens-client

📦M · high✅ v0.1.0

F052Body pain-map

@broberg/bodymap

📦M · medium✅ v0.2.4

F053Stripe payments (Connect chokepoint)

@broberg/stripe

📦M · high✅ v0.2.0

F054PWA update primitive

@broberg/pwa

📦S · medium✅ v0.2.2

F024Forms + Turnstile

@broberg/forms-turnstile

🔀M · high✅ v0.1.0

F025Chat / chatbot UI

copy-owned scaffold

🔀L · high🚧 under construction

F058HTTP header/response primitives

@broberg/http

📦S · medium✅ v0.1.0

seti-clientSETI streaming chat (client + Preact UI)

@broberg/seti-client

🔀M · high✅ v0.3.2

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

trail_save · trail_search (MCP) + cloud REST

📦own: trail🚧 under construction

F033Deploy provider core + trigger UI

@broberg/deploy-core

🔀L · high✅ v0.1.0

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.25.1

upmetrics-sdkTelemetry SDK

@upmetrics/sdk

📦own: upmetrics✅ v0.3.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.2.0

cms-inline-editCMS click-to-edit widget

@broberg/cms-inline-edit

📦own: cms✅ v0.4.14

cms-chat-clientCMS chat quick-action cache-client

@broberg/cms-chat-client

📦own: cms✅ v0.4.16

FLEETWho builds & consumesthe broberg.ai sessions behind the shared library — supply & demand

components

the shared-library home — this repo

themesecret-scanlensseti-clientseti-servermailmail-coreconfigmediamedia-transformapikeywebpushcrondeploy-coregravatarauthforms-turnstilespeech-dictionarynotifylens-enginelens-clienthttp

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

cms-inline-editcms-chat-client✦ theme

xrt81

X RT 81 — club platform

✦ config→ lens→ forms-turnstile

fds

sport.fdaalborg.dk

→ lens→ webpush

mail via AWS SES (not @broberg/mail) — deliberate, budget-gated ($20/mo Resend domain verification for fdaalborg.dk)

fdaaNEW

fdaalborg.dk — fysio platform

complimenta-sdk→ mail

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.io24 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

Resend8 tips

Transactional email (booking, magic-links, notifications)

Stripe7 tips

Payments — Checkout (hosted + embedded), Connect commissions, E2E via Lens

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 publishing9 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)4 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)4 tips

Operating the cc-session fleet — Mac-edge auth/keychain + the durable intercom layer between sessions

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)