Bolt UI Flows — Design Patterns & Interactions

Signup + Onboarding

User onboarding flow for Bolt AI code editor showing authentication entry point transitioning to plan selection. Flow demonstrates login options via OAuth (Google sign-in), account creation, and tier selection with recommended plan highlighting. User encounters authentication barrier, chooses login method, and progresses through pricing tiers (Balanced, Standard, High) before completing initial setup. Captures signup-to-plan conversion funnel.

Linear progression with plan comparison, minimal friction between auth and monetization.

  1. View login and signup options on entry screen
  2. Select plan tier from pricing options available
  3. Confirm plan selection to complete onboarding