Bud UI components examples

Bud

A notification banner indicating a free plan limit has been reached, prompting the user to upgrade.

• Notification Toast

Bud

A mobile-like account menu displaying user profile, credit usage, and navigation options.

• Dropdown menu

Bud

A dashboard widget displaying activity data over a timeline with a year selector and a time range slider.

• Charts

Bud

A user interface card displaying credit usage with options to view pricing and upgrade.

• Charts

Bud

A segmented control for selecting display mode with icons for system, light, and dark themes.

• Theme settings

Bud

A chat interface displaying a message about connecting Calendly and Slack for automation, with a message input area.

• Artificial intelligence

Bud

A segmented control with two options, 'Files' and 'Browser', where 'Browser' is selected.

• Toggle/Switch

Bud

A modal dialog confirming the deployment of a project.

• Modal

Bud

A modal window for sharing a project, allowing users to invite others via email with specific permissions or generate a shareable link.

• Modal

Bud

A user interface for managing and configuring various AI models, allowing users to toggle their availability and connect API keys.

• Toggle/Switch

Bud

A dropdown menu displaying project-related actions within a web or desktop application.

• Dropdown menu

Bud

A modal dialog for creating a new project, prompting the user to enter a project name and explaining the outcome.

• Modal