Bear icon BL prototypes

Clickable prototypes

Try out ideas for BL products in your browser. This isn't the real product: nothing you do is saved, and all data is made up.

Prototypes

No prototypes on this link yet

Prototypes built on this branch show up here. To build one, open this project in Claude Code or Copilot, paste one of these prompts and change it to fit your idea.

  • A list page

    Create a new prototype called invoice-reminders, based on example-list. It lists overdue invoices with customer, amount, due date and status, can be filtered by status, and has a button to send a reminder. Use made-up data.

  • A multi-step flow

    Create a new prototype called new-customer, based on example-wizard. It's a three-step flow for adding a customer: company details, payment terms, and a summary before saving. Use made-up data.

  • From a Figma frame

    /figma-prototype <paste your Figma link here>

  • Change a prototype

    In the invoice-reminders prototype, let people delete a reminder with undo, and show an empty state when there are none left.

The prompts start from the examples below. Pick the one closest to the page you have in mind.

Examples

Starting points to copy when you build a prototype. They show common page patterns with made-up data.

  • List page

    A table with filters, a create button and empty states.

  • Create and edit form

    Sections, validation, save, cancel and delete.

  • Settings

    Grouped settings that open in a side sheet.

  • Multi-step flow

    A stepper with one task per step, a summary and a confirmation at the end.

  • Quick entry

    Add many similar entries in a row, with undo.

  • Lundify dashboard

    The app shell with a sample start page.