Skip to content

Editor screen examples

Editor screen design examples from SaaS apps. Browse examples from Dock, Beside, Flora.

Explore the examples

Dock - Form · Dock · Settings screen
Dock logo
Dock

Design editor where the user configures a customer onboarding form by adding and arranging content blocks like file uploads and text.

Beside screen
Beside logo
Beside

Settings page where the user configures natural language call-handling rules and wrap-up instructions for their AI receptionist.

Flora - FLORA - Untitled screen
Flora logo
Flora

Workflow editor where the user connects image processing nodes to generate and modify sneaker images, showing an open project menu and a low-credits warning banner.

Elevenlabs - ElevenAgents | ElevenLabs screen
Elevenlabs logo
Elevenlabs

Design editor where the user configures the conversation flow of an AI language tutor agent using a node-based canvas and an inspector panel.

Paper - Happy pine · Paper screen
Paper logo
Paper

Design editor where the user configures layout guides, inner shadows, and export settings for a selected frame.

Documentation.AI - Dashboard - Documentation.AI screen
Documentation.AI logo
Documentation.AI

Content editor where the user writes and formats documentation pages alongside an AI chat assistant.

Universe - Edit Page Home screen
Universe logo
Universe

Design editor where the user edits text within a grid cell using a floating inspector panel for formatting and linking.

Orchestra - Nicelydone - Docs screen
Orchestra logo
Orchestra

Document editor where the user is using a slash command to insert a numbered list into a new SOP document.

Kinsta - impossible-green-skunk - MyKinsta screen
Kinsta logo
Kinsta

Database studio interface where the user writes and executes SQL queries with a resizable results pane.

UserJot - Changelog | UserJot screen
UserJot logo
UserJot

Content editor where the user drafts a changelog entry and uses a side-panel AI assistant to generate a summary.

Slite screen
Slite logo
Slite

Content editor overlay showing a comprehensive list of markdown formatting options and keyboard shortcuts.

Wynde screen
Wynde logo
Wynde

Form builder where the user configures rows, columns, and settings for a matrix-style survey question.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams