Bard UI components examples

Browse Bard UI component design examples. Preview individual interface elements and explore related component categories. A conversational AI tool by Google

Artificial Intelligence app examples

Explore the examples

Bard — Artificial intelligence component

Artificial intelligence

Bard — Toggle/Switch component

Toggle/Switch

Bard — Vertical navigation component

This is a chat interface with a list of recent chats.

Vertical navigation

Bard — Table component

A meal plan table.

Table

Bard — Code block component

A code snippet in Python.

Code block

Bard — Notification Toast component

A notification modal

Notification Toast

Bard — Click to copy component

Click to copy

Bard — Alert component

A list of sources with a link

Alert

Bard — Tooltip component

Tooltip

Bard — Input text component

A chat modal with a prompt.

Input text

Bard — Input select component

Input select

Bard — Header component

This is a simple header with a logo, a link, a menu and a button.

Header

Browse the full component library

Browse the full UI component library.

Trusted by the best teams

Related apps

Related screens

SaaS screen examples

Related marketing pages

SaaS marketing page examples

Related components

SaaS UI component examples

Related flows

User flow examples from SaaS apps