Widgets screen examples

Dock

Page builder where the user opens a searchable popover to browse and select third-party integrations or native widgets to add to their document.

• Add & Create
• Search

FeatureOS

Settings page where the user configures widget appearance and behavior via an accordion menu and copies the resulting embed code.

• Settings
• Code Editor

Creatopy

Design editor where the user creates an animated ad banner, featuring a central canvas, a left sidebar for widgets, a right inspector for background properties, and a bottom timeline for animation.

• Design Editor
• Timeline

Monarch

Dashboard where the user customizes visible widgets like spending trends, budget, and net worth via a modal with toggles.

• Dashboard
• Settings

Steep

Detail page for the Design team where the user can view and configure a dashboard of KPI widgets like active days and ad clicks.

• Dashboard
• Team Management

Hashnode

Settings page where the user manages custom widgets for their blog post, displaying a list of existing widgets like location and clock.

• Dashboard
• Settings

Otter

Home page where the user can view recent audio notes, check upcoming calendar events, and quickly start a new recording or chat with the AI assistant.

• Home
• AI Assistant

Mintlify

Settings page where the user manages active API keys for their chat widget and can generate new ones.

• API Keys
• Chatbot

ClickUp

Dashboard overview for a development space showing empty widget cards for recent items, docs, bookmarks, lists, resources, and tasks, with tabs to switch to list or board views.

• Dashboard
• Browse

Asana

Home screen where the user can view recent projects and collaborators, and customize the background color and widgets via a right-hand side panel.

• Home
• Team Management

Readymag

Design editor canvas where the user has opened the widgets popover to browse interactive elements, typography, and presets while an orange shape is selected.

• Design Editor
• Drag & Drop

Github

Home page where the user can start a new repository, create a profile README, or view the latest changelog updates.

• Dashboard
• Browse