Recipes you can copy.

These are the demo pages in the plainkit repo, captured from make preview. Each one is a full HTML document. The script constructs a DataProvider or, on the live room, a LiveProvider.

  • Sign in

    Cover page. Email, password, and a second button that does not call an identity provider.

    demo/recipes/login.html

  • Dashboard

    App frame with a filter, metric cards, tabs, and a ranked list. Copy this when the page is a summary.

    demo/recipes/dashboard.html

  • Items

    An empty state, then a list. Create and remove use dialogs on this page.

    demo/recipes/items.html

  • Table

    A bound tbody. Search, pager, select, and dialogs stay on this URL and call load again.

    demo/recipes/table.html

  • Settings

    A form, autofill tokens, and a read-only plan. English stays in the markup.

    demo/recipes/settings.html

  • Activity

    Facts, a status stepper, and a bound log. Local and UTC are painted from time elements.

    demo/recipes/activity.html

  • Room

    A live page. LiveProvider owns the socket. The page is still one document, not a router.

    demo/recipes/room.html