Apple Health,
on your web stack.
wristkit is a small set of React components for your Next.js project, so you can show your Apple Health data on the web. Copy the files from the docs, point them at your own Supabase, and the iOS Shortcut posts straight to your endpoint. No third party cloud, no SDK in the middle.
- package
- 1
- registry items
- 4
- telemetry
- zero
- license
- MIT
One card.
Your day, at a glance.
Three pieces. One evening.
browse all ↗TodayActivityCard
A React Server Component with all 5 states (loading, empty, stale, error, ok). Copy it into any /app page.
Route handler
A POST endpoint that checks the x-api-key, parses the Shortcut payload with Zod and writes to your Supabase through Drizzle.
iOS Shortcut
Reads Active Energy, Exercise Minutes and Steps from HealthKit. You can schedule it to run every day at 23:59 with iOS Automation.
Four files.
You own the pipeline.
Copy the component into your project, paste the route handler, run the SQL on Supabase and install the Apple Shortcut. Snapshots land in your database and your React renders them.
Start shipping.
Your iPhone is already counting. Pipe it into your portfolio in one evening. Zero telemetry, your own Supabase and MIT.