Sandbox

Drop these widgets onto any Buttercut home page. Everything below is live — the same components your visitors would see after you flip a toggle in site.config.ts.

Home status row

Listening and location side-by-side — exactly how they appear on a personal site home page.

Listening
idle
Loading…
Location

San Francisco · —

--:--:----

—

Feels — · Humidity — · Rain —

GitHub activity

Contribution heatmap — scroll horizontally on small screens.

Integration status

See what's configured vs. waiting for API keys.

Integrations (optional)

Turn features on in site.config.ts and add environment variables when you are ready. With everything off, the site still builds and runs.

  • Last.fmdisabled
  • GitHub APIready
  • Supabasedisabled
  • Sentrydisabled
  • Weatherdisabled

How to enable

Config fields and env vars — expand when you're ready to wire these on your fork.

  • Listening

    Now playing + last month top tracks. Enable integrations.lastfm; Spotify UI uses /api/spotify/* routes.

  • Location / Weather

    Open-Meteo weather card with local time. Set integrations.weather (lat, lon, label, timezone) in site.config.ts.

  • GitHub Activity

    Contribution heatmap. integrations.github.enabled; optional GITHUB_TOKEN for higher rate limits.

  • Integration status

    Table of configured vs ready integrations. Add block id integrations to home.blocks.