Tag
#screen-time
Build a Custom Screen Time Chart UI in React Native
A custom screen time chart has two parts: the usage data and the chart. Here is how to build the screen time chart UI in React Native, data limits and all.
Mindful Scrolling Speed Bump UI in React Native
Add a sliver of friction to an infinite feed: a passable nudge, not a lock, with honest iOS limits and a win condition of less use, not more.
App Blocker Strict Mode Lock Screen UI: Honest Locks
Design a strict-mode app blocker: commitment windows, a shame-free locked screen, escape valves for real emergencies, and the truth about unbypassability on iOS.
iOS Screen Time API and Family Controls UI, Explained
A parental-control app must use Apple's Family Controls and Screen Time API. Build the dashboard and limits UI from a free VP0 design, the privacy-safe way.
Focus Mode App Blocker Screen UI (and the iOS Reality)
Design a focus-mode app blocker screen from a free VP0 layout, but do the real blocking through Apple's Screen Time API, the only way iOS lets you block apps.