Dock UI components examples

Dock

A document-like interface presenting a business brief with measurable outcomes, accompanied by an AI chat input field at the bottom.

• Artificial intelligence

Dock

A segmented control with three options, 'Workspace' is selected.

• Segmented control

Dock

A customization panel for brand and workspace settings, allowing users to adjust header, logo, layout, colors, and button styles.

• Toolbox

Dock

A settings page for managing workspace notifications with toggle switches.

• Toggle/Switch

Dock

A user management interface displaying a table of users with search, filtering, and editable details.

• Tabs

Dock

• Tabs

Dock

A project planning and document editing interface with a rich text editor and progress tracking.

• Rich text editor

Dock

• Dropdown menu

Dock

A UI displaying an activity summary card with an executive summary and a list of recent people activity.

• Artificial intelligence

Dock

A modal dialog prompting a user to upgrade for automation features, offering options to contact sales or view pricing plans.

• Modal

Dock

A modal dialog for adding people to a workspace and managing their access and roles.

• Modal

Dock

A sidebar navigation menu for a SaaS application, featuring categorized links for collaboration, content, learning, and administration, along with an upgrade call to action and help links.

• Vertical navigation