usefulweb.siteDependable little tools for people and AI agents. Pageboard
Theme: Auto

Theme

Website inspiration boards

Pageboard

Collect website references, sort them with tags and arrange them on a moodboard.

Launch Pageboard → Tutorials

Pageboard is a private, local-first home for the website designs you want to remember. Add your own screenshots and source links, sort references by section, platform, tags and favorites, and arrange the best ones on a spatial moodboard. Export an editable project, a standalone HTML sheet or a moodboard PNG, and keep a separate accessibility review of the pages you build.

Free · runs in your browser · no sign-up · Version 1.4.0

Pageboard board view: filter bar and a grid of website reference cards with screenshots, tags and favorite stars

Screenshots

Features

  • Boards for every project

    Keep separate boards for client work, a redesign or a new direction. Every board autosaves in this browser and appears under Saved boards.

  • Your own screenshots

    Upload, paste or drop a PNG, JPEG or WebP screenshot. Pageboard resizes it for storage and never fetches websites or captures pages for you.

  • Sections, platforms and tags

    Record the source link, the page section, the platform, up to eight tags, notes and an accent color for each reference.

  • Search and filters

    Search titles, links, tags and notes, then narrow the board by section, platform, tag or favorites.

  • Bulk tagging

    Add or remove one tag on all filtered references in a single step that one Undo reverts.

  • Duplicate link finder

    Find references that point to the same source address. The check runs locally and never loads the sites.

  • Spatial moodboard

    Arrange reference cards, notes, color swatches and images on a free canvas with zoom, snapping, stacking order and full keyboard control.

  • JSON, HTML and PNG exports

    Download the editable project, a standalone read-only HTML sheet, only the filtered selection, or a PNG of the moodboard.

  • Accessibility review

    Track automated observations from the Accessibility Snapshot tool and your own manual checks for several pages, including retests.

  • Local-first and portable

    Undo and redo, project files, share links, App Bridge handovers and optional Google Drive saving for signed-in visitors.

  • Tools for agents

    Plan a board from a list, inspect a project or organize its tags through the same tool forms, JSON API and MCP.

Templates

Start from a ready-made project and change it to fit.

Built-in tools

Pageboard uses these tools. Each one also has its own page and works on its own, in the browser, through the JSON API and through MCP.

For AI agents

Pageboard runs on a deterministic engine. The same functions are available as tools with a JSON API and MCP, so scripts and AI agents get exactly the results the app shows.

  • Reference Board Planner – Turn a list of website references into an editable board.
    Tool page · POST https://pageboard.usefulweb.site/api/v1/tools/pageboard-reference-planner/calculate · MCP pageboard_reference_planner
  • Reference Board Inspector – Inspect your references and make a portable visual board.
    Tool page · POST https://pageboard.usefulweb.site/api/v1/tools/pageboard-board-inspector/calculate · MCP pageboard_board_inspector
  • Reference Tag Organizer – Clean up and apply tags across a reference board.
    Tool page · POST https://pageboard.usefulweb.site/api/v1/tools/pageboard-tag-organizer/calculate · MCP pageboard_tag_organizer
  • Accessibility Snapshot – Static WCAG 2.2 snapshot of a page: findings by severity, evidence and manual checks.
    Tool page · POST https://pageboard.usefulweb.site/api/v1/tools/a11y-snapshot/calculate · MCP a11y_snapshot

Build a project through the API, then open it in the app with a link to https://pageboard.usefulweb.site/app#project=<base64url JSON>.

Import & export

Import

  • Pageboard project (.pageboard.json)
  • PNG / JPEG / WebP screenshots (upload, paste or drop)
  • Accessibility audit backup (JSON)

Export

  • Pageboard project (.pageboard.json)
  • Standalone HTML reference sheet
  • Filtered selection (JSON or HTML)
  • Moodboard PNG
  • Accessibility audit backup (JSON)

Keyboard shortcuts

Keyboard shortcuts in Pageboard
KeysAction
Ctrl + SDownload the board as a project file
Ctrl + OOpen a project file
Ctrl + ZUndo the latest edit
Ctrl + Shift + ZRedo an edit
NAdd a reference (single-key shortcuts can be switched off in Help)
/Search references
?Open help and keyboard shortcuts
Arrow keysMove the focused moodboard card (Shift for larger steps)
DeleteRemove the focused moodboard card

Frequently asked questions

Does Pageboard download screenshots of websites?

No. You add your own screenshots and links. Boards never load the referenced sites. Only the accessibility review sends a page URL or pasted HTML to the Accessibility Snapshot tool, and only when you start a scan.

Where are my boards stored?

In this browser on this device (IndexedDB). Download a project file for a backup or to move a board to another device; signed-in visitors with Google Drive connected can also save to Drive.

Can I share a board?

Yes. Export a standalone HTML sheet for people who only need to look at it, or share the editable project file. To share only part of a board, filter it first and export the selection.

Are the template boards real websites?

No. Templates contain original fictional prompts without screenshots or links, written to show how sections, tags and the moodboard work. Replace them with your own references.

May I store screenshots of other websites?

Pageboard keeps the images you add on your device. Whether you may keep or share a screenshot depends on its rights holder; exports contain the images, so share them only where you are allowed to.

Is the accessibility review a conformance test?

No. The scan checks static HTML for common problems; scripts and CSS are not evaluated. Keyboard, focus, screen-reader and contrast checks need a person, which is why the review tracks them separately.

Limitations

What Pageboard does not do (yet):

  • Pageboard does not crawl galleries, fetch pages or capture screenshots; you add every image yourself.
  • Screenshots are stored as compressed JPEG images inside the project. A board holds up to 100 references, 80 moodboard cards and 4 MB in total.
  • Browser storage can be cleared by the browser or by you. Download a project file for a durable backup.
  • The accessibility review fetches only static HTML, does not run scripts or evaluate CSS, and its results are shown in English.
  • The accessibility review is stored separately from the board and is not part of project files or Drive saves; it has its own backup file.

Tutorials

Learn Pageboard step by step.

  1. Your first board in five minutesOpen a template, add your first reference with a screenshot, mark a favorite and find it again with the filters.Beginner 5 min
  2. Add screenshots, links and notesMake every reference useful later: good screenshots, clean source links, sections, platforms, notes, accent colors, ordering and duplicates.Beginner 6 min
  3. Search, filter and tag many referencesKeep a growing board usable: combine search and filters, tag all matching references at once and find duplicate source links.Intermediate 6 min
  4. Arrange a spatial moodboardPlace reference cards, notes, color swatches and images freely on a canvas, move them with mouse or keyboard and export a PNG.Intermediate 7 min
  5. Export, share and back up boardsSaved boards, project files, standalone HTML sheets, filtered exports, share links, Google Drive and handing files to other apps.Beginner 6 min
  6. Review the accessibility of your pagesTrack several pages in the Accessibility review: run the static Accessibility Snapshot, record manual checks, mark fixes and retest.Intermediate 8 min
  7. Automate boards with the API and MCPBuild, inspect and tidy Pageboard projects from scripts or AI agents with the three Pageboard tools, the JSON API and the MCP server.Advanced 8 min

Ready to try it?

Launch Pageboard →

Other premium apps