Bucket UI components examples

Bucket

A bar chart displaying the count of monthly tracked users over a 12-month period. It includes a title, a descriptive subtitle, and a single bar for the most recent month.

• Charts

Bucket

A scatter plot or matrix chart visualizing feature usage frequency against retention. The y-axis represents frequency (Quarterly, Monthly, Weekly, Daily) and the x-axis represents retention percentage (0% to 100%). A single data point is visible, labeled 'User sent message'…

• Charts

Bucket

A card displaying details about a specific feature, including its name, retention rate, frequency, comment count, timeline, and status.

• Card

Bucket

A dropdown menu for switching between workspaces or apps, showing the currently logged-in user and a list of available apps with an option to add a new one.

• Dropdown menu

Bucket

A segmented control allowing the user to switch between Table, Board, and Matrix views.

• Segmented control

Bucket

A dual-pane vertical navigation sidebar for app settings. The left pane contains global app navigation and a trial status indicator, while the right pane contains detailed settings categories for the organization and the specific app.

• Vertical navigation

Bucket

A green success toast notification confirming a feature has been deleted, featuring a checkmark icon and a close button.

• Notification Toast

Bucket

An open dropdown menu for applying a subsegment filter, displaying a descriptive text block and two radio button options.

• Dropdown menu

Bucket

A segmented control for selecting a satisfaction score, featuring five emoji icons ranging from very dissatisfied to very satisfied.

• Segmented control

Bucket

A settings panel for configuring Slack notifications, featuring a list of report types and feedback alerts with toggle switches and status indicators.

• Toggle/Switch

Bucket

A line chart displaying timeline metrics over a 30-day period. It includes a legend for different data points, a date range selector, and an annotation for when an evaluation started.

• Charts

Bucket

A horizontal row of five metric stages showing a funnel progression. Each stage has a colored top border, a card with a zero count and percentage, a title with an info icon, and a subtitle describing the criteria.

• Charts