Every layout, pixel-perfect.

Five primitive shapes that cover almost everything plus a set of purpose-built specialty cards (coding agents, CI runners, GPU jobs, cron monitors, payment events). Every preview below is the actual SwiftUI render - the same view the production iOS widget extension uses, dumped to PNG via SwiftUI’s ImageRenderer.

Primitives

Same shape, different data. Five generic layouts.

@progress

Progress
progress (primary) Live Activity preview

Variants (3)

progress (indigo-55) Live Activity preview
Indigo · 55%
progress (teal-28) Live Activity preview
Teal · 28%
progress (amber-82) Live Activity preview
Amber · 82%

@stats

Stats
stats (primary) Live Activity preview

Variants (3)

stats (purple) Live Activity preview
Purple
stats (teal) Live Activity preview
Teal
stats (green) Live Activity preview
Green

@number

Number
number (primary) Live Activity preview

Variants (3)

number (amber) Live Activity preview
Amber
number (red) Live Activity preview
Red
number (green) Live Activity preview
Green

@alert

Alert
alert (primary) Live Activity preview

Variants (4)

alert (urgent) Live Activity preview
Urgent
alert (warning) Live Activity preview
Warning
alert (info) Live Activity preview
Info
alert (success) Live Activity preview
Success

@health

Health
health (primary) Live Activity preview

Variants (3)

health (healthy) Live Activity preview
Healthy
health (warning) Live Activity preview
Warning
health (down) Live Activity preview
Down

Specialty

Brand-specific or behavior-driven cards. Each does something the primitives can't.

@claude-code

Claude Code
claude-code (primary) Live Activity preview

Variants (7)

claude-code (verbose-with-timeline) Live Activity preview
Verbose · with timeline
claude-code (working) Live Activity preview
Working
claude-code (waiting-on-permission) Live Activity preview
Waiting on permission
claude-code (tool-just-succeeded) Live Activity preview
Tool just succeeded
claude-code (tool-failed) Live Activity preview
Tool failed
claude-code (done) Live Activity preview
Done

+ 1 more

@codex

Codex
codex (primary) Live Activity preview

Variants (7)

codex (verbose-with-timeline) Live Activity preview
Verbose · with timeline
codex (working) Live Activity preview
Working
codex (waiting-on-permission) Live Activity preview
Waiting on permission
codex (tool-just-succeeded) Live Activity preview
Tool just succeeded
codex (tool-failed) Live Activity preview
Tool failed
codex (done) Live Activity preview
Done

+ 1 more

@copilot

Copilot CLI
copilot (primary) Live Activity preview

Variants (7)

copilot (verbose-with-timeline) Live Activity preview
Verbose · with timeline
copilot (working) Live Activity preview
Working
copilot (waiting-on-permission) Live Activity preview
Waiting on permission
copilot (tool-just-succeeded) Live Activity preview
Tool just succeeded
copilot (tool-failed) Live Activity preview
Tool failed
copilot (done) Live Activity preview
Done

+ 1 more

@cline

Cline
cline (primary) Live Activity preview

Variants (7)

cline (verbose-with-timeline) Live Activity preview
Verbose · with timeline
cline (working) Live Activity preview
Working
cline (waiting-on-permission) Live Activity preview
Waiting on permission
cline (tool-just-succeeded) Live Activity preview
Tool just succeeded
cline (tool-failed) Live Activity preview
Tool failed
cline (done) Live Activity preview
Done

+ 1 more

@kiro

Kiro
kiro (primary) Live Activity preview

Variants (7)

kiro (verbose-with-timeline) Live Activity preview
Verbose · with timeline
kiro (working) Live Activity preview
Working
kiro (waiting-on-permission) Live Activity preview
Waiting on permission
kiro (tool-just-succeeded) Live Activity preview
Tool just succeeded
kiro (tool-failed) Live Activity preview
Tool failed
kiro (done) Live Activity preview
Done

+ 1 more

@opencode

OpenCode
opencode (primary) Live Activity preview

Variants (7)

opencode (verbose-with-timeline) Live Activity preview
Verbose · with timeline
opencode (working) Live Activity preview
Working
opencode (waiting-on-permission) Live Activity preview
Waiting on permission
opencode (tool-just-succeeded) Live Activity preview
Tool just succeeded
opencode (tool-failed) Live Activity preview
Tool failed
opencode (done) Live Activity preview
Done

+ 1 more

@gh-actions

GitHub Actions
gh-actions (primary) Live Activity preview

Variants (6)

gh-actions (queued) Live Activity preview
Queued
gh-actions (running) Live Activity preview
Running
gh-actions (passed) Live Activity preview
Passed
gh-actions (failed) Live Activity preview
Failed
gh-actions (cancelled) Live Activity preview
Cancelled
gh-actions (pr-trigger) Live Activity preview
PR trigger

@gitlab-ci

GitLab CI
gitlab-ci (primary) Live Activity preview

Variants (6)

gitlab-ci (queued) Live Activity preview
Queued
gitlab-ci (running) Live Activity preview
Running
gitlab-ci (passed) Live Activity preview
Passed
gitlab-ci (failed) Live Activity preview
Failed
gitlab-ci (cancelled) Live Activity preview
Cancelled
gitlab-ci (pr-trigger) Live Activity preview
PR trigger

@circleci

CircleCI
circleci (primary) Live Activity preview

Variants (6)

circleci (queued) Live Activity preview
Queued
circleci (running) Live Activity preview
Running
circleci (passed) Live Activity preview
Passed
circleci (failed) Live Activity preview
Failed
circleci (cancelled) Live Activity preview
Cancelled
circleci (pr-trigger) Live Activity preview
PR trigger

@buildkite

Buildkite
buildkite (primary) Live Activity preview

Variants (6)

buildkite (queued) Live Activity preview
Queued
buildkite (running) Live Activity preview
Running
buildkite (passed) Live Activity preview
Passed
buildkite (failed) Live Activity preview
Failed
buildkite (cancelled) Live Activity preview
Cancelled
buildkite (pr-trigger) Live Activity preview
PR trigger

@modal

Modal
modal (primary) Live Activity preview

Variants (5)

modal (queued) Live Activity preview
Queued
modal (running) Live Activity preview
Running
modal (done) Live Activity preview
Done
modal (failed) Live Activity preview
Failed
modal (cancelled) Live Activity preview
Cancelled

@replicate

Replicate
replicate (primary) Live Activity preview

Variants (5)

replicate (queued) Live Activity preview
Queued
replicate (running) Live Activity preview
Running
replicate (done) Live Activity preview
Done
replicate (failed) Live Activity preview
Failed
replicate (cancelled) Live Activity preview
Cancelled

@runpod

RunPod
runpod (primary) Live Activity preview

Variants (5)

runpod (queued) Live Activity preview
Queued
runpod (running) Live Activity preview
Running
runpod (done) Live Activity preview
Done
runpod (failed) Live Activity preview
Failed
runpod (cancelled) Live Activity preview
Cancelled

@hf-inference

Hugging Face
hf-inference (primary) Live Activity preview

Variants (5)

hf-inference (queued) Live Activity preview
Queued
hf-inference (running) Live Activity preview
Running
hf-inference (done) Live Activity preview
Done
hf-inference (failed) Live Activity preview
Failed
hf-inference (cancelled) Live Activity preview
Cancelled

@together

Together AI
together (primary) Live Activity preview

Variants (5)

together (queued) Live Activity preview
Queued
together (running) Live Activity preview
Running
together (done) Live Activity preview
Done
together (failed) Live Activity preview
Failed
together (cancelled) Live Activity preview
Cancelled

@healthchecks

Healthchecks.io
healthchecks (primary) Live Activity preview

Variants (5)

healthchecks (healthy) Live Activity preview
Healthy
healthchecks (late) Live Activity preview
Late
healthchecks (down) Live Activity preview
Down
healthchecks (flapping) Live Activity preview
Flapping
healthchecks (paused) Live Activity preview
Paused

@cronitor

Cronitor
cronitor (primary) Live Activity preview

Variants (5)

cronitor (healthy) Live Activity preview
Healthy
cronitor (late) Live Activity preview
Late
cronitor (down) Live Activity preview
Down
cronitor (flapping) Live Activity preview
Flapping
cronitor (paused) Live Activity preview
Paused

@betterstack

Better Stack
betterstack (primary) Live Activity preview

Variants (5)

betterstack (healthy) Live Activity preview
Healthy
betterstack (late) Live Activity preview
Late
betterstack (down) Live Activity preview
Down
betterstack (flapping) Live Activity preview
Flapping
betterstack (paused) Live Activity preview
Paused

@chart

Live Chart
chart (primary) Live Activity preview

@radial

Radial Dial
radial (primary) Live Activity preview

Variants (3)

radial (indigo) Live Activity preview
Indigo
radial (teal) Live Activity preview
Teal
radial (red) Live Activity preview
Red

@stack

Stages
stack (primary) Live Activity preview

Variants (3)

stack (indigo) Live Activity preview
Indigo
stack (teal) Live Activity preview
Teal
stack (amber) Live Activity preview
Amber

@stream

Live Feed
stream (primary) Live Activity preview

Variants (3)

stream (sky) Live Activity preview
Sky
stream (green) Live Activity preview
Green
stream (red) Live Activity preview
Red

@openrouter-spend

OpenRouter Spend
openrouter-spend (primary) Live Activity preview

Variants (4)

openrouter-spend (live-multi-provider-day) Live Activity preview
Live · multi-provider day
openrouter-spend (live-2-providers-chip-layout) Live Activity preview
Live · 2 providers (chip layout)
openrouter-spend (idle-waiting-first-call) Live Activity preview
Idle · waiting first call
openrouter-spend (verbose-timeline) Live Activity preview
Verbose · timeline

@webhook-inspector

Webhook Inspector
webhook-inspector (primary) Live Activity preview

Variants (5)

webhook-inspector (live-forwarded) Live Activity preview
Live · forwarded
webhook-inspector (live-raw-inspector) Live Activity preview
Live · raw inspector
webhook-inspector (idle-awaiting-first-event) Live Activity preview
Idle · awaiting first event
webhook-inspector (forward-error-downstream-5xx) Live Activity preview
Forward error · downstream 5xx
webhook-inspector (verbose-timeline) Live Activity preview
Verbose · timeline

@webhook

Webhook Fire
webhook (primary) Live Activity preview

Variants (4)

webhook (idle) Live Activity preview
Idle
webhook (sending) Live Activity preview
Sending
webhook (success-200) Live Activity preview
Success 200
webhook (failed-502) Live Activity preview
Failed 502