Chatbase UI components examples

Chatbase

A bar chart displaying usage history over a period of time within a card component.

• Charts

Chatbase

A dashboard section displaying usage metrics for credits and agents, with filtering options for agents and date range.

• Charts

Chatbase

An empty state screen prompting the user to create their first AI agent, featuring a colorful abstract illustration with placeholder cards.

• Empty state

Chatbase

A user interface displaying a sidebar navigation and an open dropdown menu for workspace selection and management.

• Dropdown menu

Chatbase

A settings page for a chat widget with navigation tabs and a toggle switch.

• Tabs

Chatbase

A user interface for selecting an embed type, offering 'Chat widget' or 'Iframe' options with descriptions and a documentation link.

• Checkbox & radio

Chatbase

A user interface for uploading and managing files, specifically for AI training purposes.

• File upload input

Chatbase

A card displaying credit usage and an upgrade call to action.

• Progress indicator

Chatbase

• Datepicker

Chatbase

A sidebar navigation menu for a workspace application, displaying various features and a credit usage status with an upgrade option.

• Vertical navigation

Chatbase

A success notification popover indicating a successful playground reset.

• Notification Toast

Chatbase

A horizontal slider control for adjusting a parameter labeled 'Temperature' with a numerical value and descriptive range labels.

• Slider