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

Density settings

Spacious, Regular and Compact sizes for the whole interface, set under Theme in the profile menu.

In progress
Open prototype

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.

  • Data table

    A richer table: column filters, selection with bulk actions, row actions, density and column settings.

  • 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.