Skip to content

Reorder screen examples

Reorder screen design examples from SaaS apps. Browse examples from Mighty, The org, Mangomint.

Explore the examples

Mighty - Settings | Nicelydone Club screen
Mighty logo
Mighty

Settings modal where the admin can reorder the collections that appear in the workspace's left navigation panel using drag-and-drop handles.

The org - Org chart | The Org screen
The org logo
The org

Detail page where the user views the company's organizational hierarchy and opens a context menu to edit a specific employee's profile or change their manager.

Mangomint - Mangomint App screen
Mangomint logo
Mangomint

Detail page where the user configures option groups and online booking customizations for a specific salon service.

Record club - Record Club screen
Record club logo
Record club

Onboarding step where the user selects and reorders their preferred music streaming services like Spotify and Apple Music.

Monarch - Monarch | Goals screen
Monarch logo
Monarch

Modal where the user reorders their financial goals by dragging and dropping them in a list.

Macaw - Articles | Macaw screen
Macaw logo
Macaw

List view of articles with a modal open where the user can edit the generated outline of a specific article, including options to reorder sections, add new ones, and regenerate the structure.

Kajabi - Kajabi - adminpipelines2148628580edit screen
Kajabi logo
Kajabi

Workflow editor where the user builds an audience gathering funnel with landing pages and email sequences.

Jimo - Edit experience · Jimo screen
Jimo logo
Jimo

Design editor where the user builds a multi-step survey flow by dragging question types like NPS and Multiple Choice onto a canvas and connecting them.

Hashnode - Docs Dashboard - Navbar screen
Hashnode logo
Hashnode

Settings page where the user configures header and footer navigation links for their documentation site, including reordering items via drag-and-drop.

Qatalog - Settings · Qatalog screen
Qatalog logo
Qatalog

Detail page featuring a modal overlay where the user can upload a file via a drag-and-drop zone or browse from their computer.

Mymind - mymind screen
Mymind logo
Mymind

Onboarding screen for an empty workspace welcoming the user and providing three ways to add their first content: installing an extension, dragging and dropping, or typing a note.

Height - Attributes - Height screen
Height logo
Height

Settings page where the user configures the options for a custom Milestone attribute, including adding new options and setting dates.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams