NotionWidgets

Embeddable widgets for Notion

Self-contained HTML files that embed directly into Notion pages via iframe. No backend, no API key, no account — configured entirely through URL parameters.

—

All Widgets

4 live demos
Widget

Project Status Dashboard

A compact status panel with animated progress rings, phase tracking, milestone markers, and color-coded health indicators. Dark and light mode. Fits cleanly inside any Notion page.

  • Animated SVG progress rings
  • Phase stages with active/complete states
  • Health status indicators (on track, at risk, blocked)
  • URL-parameter configured — no editing code
  • Respects prefers-color-scheme
View Demo GitHub
Widget

Quest Log

Turn your Notion tasks into an RPG. Track quests with XP bars, streak counters, gold earned, and HP — complete with level progression and critical hit bonuses.

  • XP, gold, streaks, and HP tracking
  • Quest completion with level-up animations
  • Critical hit bonus for streaks
  • Gamification layer over real tasks
  • URL-parameter configured
View Demo GitHub
Widget

Client Approval Hub

An approval workflow panel with Approve, Revise, and Restart actions. Captures feedback inline, tracks decision status, and shows approval history — perfect for freelancers and agency workflows.

  • Three-state approval flow (approve / revise / restart)
  • Inline feedback text capture
  • Status badge with decision history
  • Clean embed for client-facing pages
  • Dark and light mode
View Demo GitHub
Widget

Workspace Map

An interactive graph powered by D3 and dagre that visualizes your entire Notion workspace as a node map. Filter by type, search by name, zoom, pan, and click through to understand how your pages and databases connect.

  • D3 + dagre force-directed graph layout
  • Color-coded node types (hubs, databases, projects, pages)
  • Search, filter, and zoom controls
  • Stats panel with node counts
  • Full-page or embedded mode
View Demo GitHub