Wristkit / Documentation
From your wrist to your website.
A little daily movement, right alongside the things you make. Bring the Activity Card to your own Next.js site.
- Move
- 544/ 600 kcal
- Exercise
- 80/ 30 min
- Steps
- 6,480/ 8,000 steps
Sample data · configurable demo goals
A small connection. All yours.
Wristkit is an open source kit of React components for Apple Health data. Copy the files into your Next.js project, connect your own Supabase database and sync from your iPhone with an iOS Shortcut.
Move, exercise and steps arrive in a card that follows your palette. Every state is considered: loading, empty, stale, error and synced. The preview above uses sample data; switch tabs to explore each one.
From wrist to web
- The Shortcut reads activity from Apple Health and sends it to your site's sync route.
- The route validates the request and stores samples in your Supabase database.
- A server-side loader reads those samples and passes them to the Activity Card.
Your activity travels directly to infrastructure you control. Wristkit never receives your health data. No telemetry, with source code under the MIT license.
Before you begin
You'll need a Next.js 15 or newer project with App Router, a Supabase project and an iPhone with Apple Health data. This version is a kit for developers to install in their own site, with a single-user setup.
Start with Installation, then follow iOS Shortcut setup for your first sync.