← DaveHomeAssist
A personal project by Dave Robertson

Small widgets, better Notion pages.

I kept wanting little interactive pieces inside my Notion workspace — a status panel here, a quest tracker there — but nothing existed that didn't require a backend or an API key. So I started building them myself: single HTML files, configured entirely through URL parameters, designed to drop into a Notion embed and just work.

Single HTML files URL-configured No backend Iframe-safe
Live at davehomeassist.github.io/NotionWidgets/
Widgets live
4

Approvals, quest tracking, project status, and an interactive graph explorer.

How they work
URL only

No API keys, no build step. Configure with URL parameters, paste into Notion, done.

Notion-native feel

Each widget is designed to feel at home inside a Notion embed — clean at narrow widths, readable without scrolling, and visually consistent with the page around it.

Remove it, nothing breaks

I treat these as polish, not plumbing. Your Notion page should work perfectly fine without any widget present. They make things nicer, not dependent.

No accounts, no server storage

Widgets run client-side from a static file — no API keys, no backend, and nothing is stored server-side. One honest boundary: your configuration lives in the widget URL itself, so it travels with every page request and is kept wherever that URL is saved (the Notion embed, browser history, hosting logs). Only put data in a widget URL that you'd be comfortable sharing with anyone who can see the link.

What I've built so far

Each widget is live on GitHub Pages. Click through to see it, or grab the example URL to try it in your own Notion setup.

Interactive

Client Approval Hub

Collect approvals, revisions, or restart decisions with structured deliverables, a timeline, and a safe postMessage handoff.

Live URL https://davehomeassist.github.io/NotionWidgets/client-approval.html
Example client-approval.html?title=Creative%20Review&round=2&targetOrigin=https%3A%2F%2Fwww.notion.so
Gamified

Quest Log

Turn tasks into a compact RPG-style tracker with XP, streaks, rarity tiers, and animated quest state for habit or workflow systems.

Live URL https://davehomeassist.github.io/NotionWidgets/quest-log.html
Example quest-log.html?title=Project%20Champion&level=7&xp=340&nextReward=Custom%20Title
Dashboard

Project Status Dashboard

Show progress, phase completion, and compact status metrics in a single panel for client pages, internal dashboards, or project portals.

Live URL https://davehomeassist.github.io/NotionWidgets/project-status.html
Example project-status.html?name=Website%20Redesign&status=in-progress&deadline=2026-04-30
Visualization

Graph Explorer

An interactive D3 + Dagre graph explorer, preloaded with demo architecture data — feed it your own graph via nodes and edges URL params. Pan, zoom, click to inspect nodes, toggle heatmaps, and filter by layer or focus mode.

Live URL https://davehomeassist.github.io/NotionWidgets/graph-explorer.html

How to use them

The whole point is that this stays simple. Three steps, no tooling.

01

Pick a widget

Grab the live URL from any card above, or start with an example link to see it pre-configured with sample data.

02

Embed in Notion

Type /embed in Notion, paste the URL, and resize the block. That's it — no build step, no API key, no config file.

03

Customize with URL params

Change the title, data, colors, or behavior by editing the URL parameters. Each widget documents its own param set.