mbilal.works
Available · September 2026
Talk
← Back to Portfolio
iOS Widget Suite · Open SourceLIVE SYSTEM
Independent / Open Source

LifeGrid — Live iOS Widget Suite

Eight independent Scriptable widgets that turn abstract 'time remaining' into a daily visual signal. Each one hand-rolls its own date math and gradient rendering with zero dependencies, and every widget below runs as a live port in the browser.

Your birthdate (nothing sent anywhere: this runs entirely in your browser)
01. Problem & Context

The Operating Challenge

iOS's stock calendar and clock widgets show today's date. They don't show how much of a life has already passed, or how much is left. 'Time remaining' and 'years left in your prime' stay abstract without a daily visual reminder.

02. Architecture & Solution

Technical Implementation

Built eight independent Scriptable widget scripts, each visualizing a different temporal scale: a 960-square grid mapping an 80-year lifespan by month with a blue-to-orange gradient, a prime-years countdown, and four live-ticking today/week/month/year trackers. Each hand-rolls its own date arithmetic and color interpolation directly against Scriptable's DrawContext API (no external libraries) and adapts natively to iOS dark mode. Every widget below is ported to the browser using that same date math and gradient logic, updating live against your own system clock.

03. Measurable Impact

Results & Verification

All eight widgets run on my own home screen daily. This is the actual tool I use.

04. Technology Stack
JavaScriptScriptable (iOS)DrawContext APINative iOS Widget Rendering
mbilal.works · personal hub at bilalm.me · Impressum · PrivacyBuilt to a DESIGN.md spec · Bricolage Grotesque + JetBrains Mono · MMXXVI