Settings screen examples
Settings screen design examples from SaaS apps. Explore how SaaS apps organize configuration choices. Look at how sections, explanatory labels, and controls let people locate a preference and understand…
Explore the examples
Settings page where the user configures their AI capabilities by connecting a ChatGPT subscription or entering custom API keys for OpenAI, Anthropic, and OpenRouter.
Settings page where the user confirms the deletion of their organization by typing its name into a destructive alert dialog.
Home screen with an active modal where the user names a new project, adds a cover, and sets access permissions to private or shared.
Settings modal where the user creates a new team by selecting an icon and entering a team name.
Settings page where the user configures the connection between Flask and AI agents like Claude Code by copying a setup prompt.
Inbox page where the user has opened a settings modal to access archived messages or provide feedback, while the main message list is empty.
Onboarding step where the user configures their target retirement age and contributions to generate a financial forecast.
Settings page where the user can manage their organization profile, leave the team, or permanently delete the organization by typing its name to confirm.
Settings page where the user manages workspace details, storage usage statistics, and memory processing controls.
Settings page where the user configures live stream preferences including resolution, watermark removal, and public chat visibility.
Organization settings page where the user must type the organization ID into a destructive alert dialog to confirm deletion.
Explore the full SaaS screen library
Upgrade to unlock the full library.
Trusted by the best teams
About Settings
Explore how SaaS apps organize configuration choices. Look at how sections, explanatory labels, and controls let people locate a preference and understand the setting they are changing.