← 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 a full workspace topology map.

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 trust required

Everything runs client-side from a static file. No data leaves your browser, inputs are sanitized, and invalid params just fall back quietly.

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
Open widget Open example
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
Open widget Open example
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
Open widget Open example
Visualization

Workspace Topology Map

An interactive D3 + Dagre graph of your Notion workspace structure. Pan, zoom, click to inspect nodes, toggle heatmaps, and filter by layer or focus mode.

Live URL https://davehomeassist.github.io/NotionWidgets/notion-workspace-map.html
Open map

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.

Built by Dave Robertson · Philadelphia, PA
More details and param docs in README.md on GitHub.