Flask UI components examples

Flask

A dark mode confirmation dialog for deleting an asset, with a warning that the action cannot be undone, and options to cancel or delete.

• Modal

Flask

A popover menu displaying asset versions and options within a digital asset management interface.

• Dropdown menu

Flask

A contextual menu displaying actions for an asset, including copy link, rename, versions, and delete.

• Dropdown menu

Flask

A popover menu providing options for microphone and camera input, along with keyboard shortcuts for recording feedback.

• Dropdown menu

Flask

A top navigation bar displaying a file path, version number, and action buttons for viewing and sharing.

• Horizontal navigation

Flask

A notification bar indicating asset processing status and feedback saving.

• Message

Flask

A video player interface displaying a video of three people discussing plans in an unfinished room, with playback controls at the bottom.

• Video player

Flask

• Stepper

Flask

• Checkbox & radio

Flask

A dark mode sidebar navigation menu displaying a logo, user account information, and primary navigation links.

• Vertical navigation

Flask

• File upload input

Flask

A list of frequently asked questions (FAQ) presented in an accordion-like structure within a dark-themed interface.

• FAQ