Skip to content

Magic Beans design examples

Explore Magic Beans UI design examples. Run your startup finances from Notion

Product screens

Magic Beans - Notion – The all-in-one workspace for your notes, tasks, wikis, a screen
Magic Beans logo
Magic Beans

OAuth consent screen where the user reviews requested permissions and selects pages to grant Magic Beans access to their Notion workspace.

Magic Beans - Notion – The all-in-one workspace for your notes, tasks, wikis, a screen
Magic Beans logo
Magic Beans

OAuth consent screen where the user reviews and grants Magic Beans permission to view, edit, and create content in their Notion workspace.

Magic Beans - Notion – The all-in-one workspace for your notes, tasks, wikis, a screen
Magic Beans logo
Magic Beans

OAuth consent screen where the user reviews requested permissions before selecting pages to share with a third-party integration.

Magic Beans - Notion – The all-in-one workspace for your notes, tasks, wikis, a screen
Magic Beans logo
Magic Beans

OAuth consent screen where the user selects specific Notion pages to share with the Magic Beans integration.

Magic Beans - Notion – The all-in-one workspace for your notes, tasks, wikis, a screen
Magic Beans logo
Magic Beans

OAuth consent screen where the user selects specific Notion pages to grant access to the Magic Beans integration.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user selects a Notion database to store their finance data.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user searches for and selects a Notion database to store their finance data.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user searches for and selects a Notion database to store their finance data, currently showing a syncing state.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user is instructed to copy an embed code for their first chart and paste it into Notion.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user previews their first revenue chart and is instructed to copy the embed link for Notion.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user is instructed to copy an embed link for their first revenue chart to paste into Notion.

Magic Beans - Onboarding - Magic Beans screen
Magic Beans logo
Magic Beans

Onboarding step where the user previews their first revenue chart, interacts with a time-range dropdown, and can copy an embed code for Notion.

Browse the full SaaS app library

Explore real SaaS apps with their product screens, marketing screens, flows, and components.

Trusted by the best teams