Skip to content

(Basic) Bookmarks UI components examples

Browse (Basic) Bookmarks UI component design examples. Preview individual interface elements and explore related component categories. A home for your internet discoveries

Explore the examples

(Basic) Bookmarks — Click to copy component
(Basic) Bookmarks logo
(Basic) Bookmarks

A list item with a title, a status, a link and a date.

(Basic) Bookmarks — Dropdown menu component
(Basic) Bookmarks logo
(Basic) Bookmarks

A selected list item showing a URL, with an open context menu displaying actions like Copy, Delete, Refetch, and Move To, along with keyboard shortcuts.

(Basic) Bookmarks — Input select component
(Basic) Bookmarks logo
(Basic) Bookmarks

A dropdown menu for selecting or creating bookmark groups, shown in an open state with the current group selected.

(Basic) Bookmarks — Vertical list component
(Basic) Bookmarks logo
(Basic) Bookmarks

A simple list displaying saved bookmarks with a color swatch or icon, title, optional domain, and creation date.

(Basic) Bookmarks — Notification Toast component
(Basic) Bookmarks logo
(Basic) Bookmarks

A pill-shaped toast notification indicating a successful action, featuring a green dot and a short text message.

(Basic) Bookmarks — Avatar component
(Basic) Bookmarks logo
(Basic) Bookmarks

A user profile dropdown trigger showing a circular red avatar, the username 'bertrand', and an up/down chevron icon.

(Basic) Bookmarks — Horizontal navigation component
(Basic) Bookmarks logo
(Basic) Bookmarks

A minimal top navigation bar featuring a logo, a breadcrumb-style workspace selector, and a user profile dropdown.

(Basic) Bookmarks — Input search component
(Basic) Bookmarks logo
(Basic) Bookmarks

A wide input field with a plus icon on the left, placeholder text, and a keyboard shortcut indicator on the right.

(Basic) Bookmarks — Button component
(Basic) Bookmarks logo
(Basic) Bookmarks

A full-width outlined button labeled Login.

(Basic) Bookmarks — Input text component
(Basic) Bookmarks logo
(Basic) Bookmarks

A standard text input field for an email address, featuring a top label, a left-aligned envelope icon, and placeholder text.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams