web app logos

Design better web applications

Save hours of design research

Find screens, user flows & UI components examples from the real web apps.
New application are added every week

web app logos

Magic Beans

Run your startup finances from Notion

Explore the complete UI of Magic Beans with a keen UI/UX perspective. It includes 73 screens, ranging from the marketing site to the whole application behind the login. Dive deep into each Magic Beans UI components (currently 19 available) and explore the detailed User flows, including onboarding, password reset, and more.

Marketing screens

Magic Beans screen example

Magic Beans screen example

inPlans & pricing

Magic Beans screen example

inPrivacy policy

Application screens

Magic Beans screen example

inIntegration settings,Signin

Magic Beans screen example

inIntegration settings

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inIntegration settings

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inOnboarding,Notification

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inLoading state,Onboarding

Magic Beans screen example

inHome,Empty state

Magic Beans screen example

inHome,Dashboard & Stats

Magic Beans screen example

inHome,Dashboard & Stats,Tooltip

Magic Beans screen example

inHome,Dashboard & Stats,Tooltip

Magic Beans screen example

inDashboard & Stats

Magic Beans screen example

inDashboard & Stats

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inDashboard & Stats

Magic Beans screen example

inDashboard & Stats

Magic Beans screen example

inItem settings,Dashboard & Stats

Magic Beans screen example

inItem settings,Dashboard & Stats

Magic Beans screen example

inLoading state

Magic Beans screen example

Magic Beans screen example

inTable,Tooltip

Magic Beans screen example

Magic Beans screen example

inLoading state,Detail page

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inDashboard & Stats,Loading state

Magic Beans screen example

inDashboard & Stats,Charts & graphs

Magic Beans screen example

inCharts & graphs

Magic Beans screen example

inCharts & graphs,Tooltip

Magic Beans screen example

inUpgrade your account

Magic Beans screen example

inUpgrade your account

Magic Beans screen example

inUpgrade your account,Plans & pricing (Product),Modal & popover

Magic Beans screen example

inUpgrade your account,Plans & pricing (Product),Modal & popover

Magic Beans screen example

inShare feedback

Magic Beans screen example

inShare feedback

Magic Beans screen example

inShare feedback,Notification

Magic Beans screen example

inLoading state,Settings

Magic Beans screen example

inIntegration settings

Magic Beans screen example

inIntegration settings

Magic Beans screen example

inIntegration settings,Loading state

Magic Beans screen example

inIntegration settings

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

Magic Beans screen example

inSettings,Notification

Magic Beans screen example

inBilling settings

Magic Beans screen example

inPlans & pricing (Product)