Cushion UI components examples

Cushion

A modal dialog displaying user preferences with a sidebar navigation and various settings for application behavior.

• Modal

Cushion

• Dropdown menu

Cushion

A context menu displaying various actions for an item, including feedback, channel management, reminders, sharing, copying identifiers, and deletion.

• Dropdown menu

Cushion

• Upgrade your plan

Cushion

A chat message header displaying sender information, a role tag, a timestamp, and a welcome greeting, with a tooltip showing the exact date and time on hover.

• Tooltip

Cushion

A sidebar navigation for a workspace application, featuring various sections, actions, and promotional messages.

• Vertical navigation

Cushion

An inbox interface displaying unread and read messages with filtering and management options.

• Table

Cushion

A pricing and feature overview for a service, highlighting a free trial and a call to action.

• Pricing section

Cushion

• Hero section

Cushion

A testimonial card displaying a customer review with a star rating, user photo, name, and title.

• Testimonial

Cushion

A frequently asked questions (FAQs) page with a list of collapsible questions and an email contact.

• FAQ

Cushion

• Footer