Capsule UI components examples

Capsule

A trash bin interface showing deleted records with options to restore or permanently delete them.

• Timeline & history

Capsule

A color scheme selection interface.

• Theme settings

Capsule

A usage dashboard with an upgrade prompt.

• Upgrade your plan

Capsule

The screenshot shows a notification about the remaining trial days and a reminder to add a payment card.

• Alert

Capsule

The screenshot shows a modal for setting up Google Calendar integration.

• Stepper

Capsule

A security alert for enabling two-factor authentication.

• Alert

Capsule

A goal tracking card.

• Charts

Capsule

This is a modal with filter options for projects.

• Sorting & filtering

Capsule

A pipeline forecast chart showing pipeline and total values.

• Sorting & filtering

Capsule

The image shows a horizontal bar chart visualizing a pipeline by milestone.

• Sorting & filtering

Capsule

The image shows a filter bar with a dropdown menu, a status filter, a more filters option, and a reset filters button.

• Sorting & filtering

Capsule

The screenshot shows a milestone progress indicator with details about the pipeline, milestone status, expected value, close date, and last contact date.

• Progress indicator