Skip to content

Dock Flow Example: Creating template folder

Preview this Dock user flow: Creating template folder. Explore the opening screens.

Preview these flows

Dock logo
Template Sections · Dock screen
Template Sections · Dock screen
Template Sections · Dock screen

User names a new folder and selects existing templates to populate it via a multi-pane modal, then views the updated library

Multi-screen form journey configuring a new product name, pricing model, currencies, benefits, metadata, portal visibility, checkout description, images, and custom fields

Magnific logo
Video Generator I Magnific AI screen
Video Generator I Magnific AI screen
Video Generator I Magnific AI screen

User configures AI model, text prompt, reference images, aspect ratio and duration in workspace then triggers generation and reviews output

Multi-step creation flow where user selects server type, location, instance size, OS, SSH keys, billing cycle, and hostnames before account verification and deployment

Arranging text cards, project features, and nodes on an infinite dot-grid canvas using drag, inspector panels, and tool palettes in Alloy's whiteboard editor.

Inference logo
Dashboard | inference.net screen
Dashboard | inference.net screen

User starts from webhooks empty state in settings and configures a new endpoint name and URL via modal to receive async responses

Manually add a new transaction via drawer form with merchant, amount, category, date and account fields, then view the updated list with summary metrics

Steel logo
Steel | Open-source Headless Browser API screen
Steel | Open-source Headless Browser API screen

User opens Create Organization modal from settings workspace section and enters logo, name, and slug values

User starts from empty agents list, uses floating AI chat to request agent creation, then encounters out-of-credits paywall and error state

Axiom logo
Manage Capabilities - Axiom screen
Manage Capabilities - Axiom screen
Manage Capabilities - Axiom screen

User starts from empty capabilities list and creates a new AI capability via side drawer form by naming it, setting slug and description, then selecting telemetry, evaluations, and feedback datasets.

Extend logo
extend screen

User opens Create API Key Modal in settings to name and scope a test key, then views and copies the generated key in the success modal

From a settled transaction detail view in sandbox, open simulation modal to attempt return reversal, submit and receive unsupported debit transaction error

Visitors logo
API keys - nicelydone.com - Visitors screen
API keys - nicelydone.com - Visitors screen
API keys - nicelydone.com - Visitors screen

User starts from empty API keys settings, opens create modal to name the key, views generated key in success modal with copy option, and ends with the key listed in settings.

Explore the full SaaS flow library

Browse the full SaaS flow library.

Trusted by the best teams