Skip to content

Edit screen examples

Edit screen design examples from SaaS apps. See how SaaS apps let people change an existing item. Explore how editable fields, current values, and save or cancel actions appear together while keeping…

Explore the examples

Customer Portal | Nicelydone | Polar from Polar
Polar logo
Polar

Customer portal billing page where the user is updating their invoice address details inside a side drawer.

Deck Console from Deck
Deck logo
Deck

Modal where the user updates the name and description of an AI agent.

Profound | Answer Engine Optimization from Tryprofound
Tryprofound logo
Tryprofound

Profile settings page where the user updates their first name.

Objects · Accounts · Dock from Dock
Dock logo
Dock

Settings page where the user edits the name of a core field for the Account object via a modal.

Pulses - Settings - Beside from Beside
Beside logo
Beside

Settings modal where the user configures a recurring AI prompt, setting its visibility, frequency, time, timezone, and the prompt text.

Bloom by Medusa from Bloom
Bloom logo
Bloom

Settings page where the user configures project environment variables, with a side drawer open to edit key-value pairs or import an .env file.

API Keys | Exa API from Exa
Exa logo
Exa

Settings page where the user edits the name and rate limit of an existing API key via a modal overlay.

Lithic - Rules from Lithic
Lithic logo
Lithic

Detail page where the user edits a draft authorization rule, configuring scope, time period, amount limits, and merchant category filters.

Copilot Money | Accounts from Copilot
Copilot logo
Copilot

Detail page where the user edits a manual investment account, viewing its current balance and adding specific holdings like Bitcoin.

Origin Financial from Origin Financial
Origin Financial logo
Origin Financial

Drawer where the user edits the monthly budget for a specific spending category, toggles future application, and views historical spending trends.

Manage Capabilities - Axiom from Axiom
Axiom logo
Axiom

Detail page where the user edits an AI capability's name, description, and associated datasets via a side drawer.

Edit Playground | extend from Extend
Extend logo
Extend

Modal where the user edits the name and description of an existing template over a data table of templates.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams