Gallery

List page

Starting point: one primary action, a filter row, the table with row menus and paging, and a usage rail.

Reference: Cloudflare Workers & Pages (cloudflare-p2.png); OpenRouter API keys (openrouter-p2.png)

Page

API keys

Keys your tools use to read and change your sites.

Requests this month
API keys
KeyAccessLast usedActions
Shop backendDemo PG…8f2aRead and write
Looker StudioAll accounts…c41eRead
ZapierAtlas Outdoor…07bdRead and write
Weekly report scriptDemo PG…e9c3Read

Showing 1–4 of 4

Rows per page

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/list-page.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/blocks/page-types/list-page.tsx → components/page-types/list-page.tsx