my screen time
is public.

Your time, beyond your profile

A small window
into your real life.

Bring your published screen time to your portfolio or GitHub README. Your privacy settings travel with it.

Make it yours.

Palette
Format

No password or API key. Embeds can read only published data, with your chosen delay and history window.

Illustrative preview · sample data

Enter your handle to preview your own published statistics.

Your GitHub, a little more you.

Paste this into your profile README. GitHub supports the full and compact SVG cards; badge uses the compact card.

[![My screen time](https://api.myscreentimeispublic.online/v1/cards/alex.svg?theme=sage&size=full)](https://myscreentimeispublic.online/u/alex)

GitHub caches images, so changes and privacy updates may take time to appear there. Removing the Markdown removes the embed from your README.

A home on your website.

Paste this into any page that supports JavaScript. Colors stay inside the widget and won’t change your website.

<div id="my-screen-time"></div>
<script type="module">
  import { mountProfile } from 'https://myscreentimeispublic.online/mstp-widget.js';
  mountProfile(document.querySelector('#my-screen-time'), {
    handle: 'alex', theme: 'sage', size: 'full'
  });
</script>

For React and raw data, install the standalone package directly:

npm install https://myscreentimeispublic.online/downloads/araniko-mstp-0.1.0.tgz
import { ScreenTime } from '@araniko/mstp/react';
<ScreenTime handle="alex" theme="sage" size="full" />

Or fetch the published data and make your own design.

import { getProfile } from 'https://myscreentimeispublic.online/mstp-widget.js';
const profile = await getProfile('alex');
// profile.days contains only published statistics.
Get the app