Optimal UI components examples

Optimal

The screenshot shows a section related to study members and subscription upgrade options.

• Upgrade your plan

Optimal

The screenshot shows a UI element for selecting devices, with options for desktop/laptop, phone, and tablet already selected.

• Input tag

Optimal

• Notification Toast

Optimal

A welcome message modal

• Toggle/Switch

Optimal

• Rich text editor

Optimal

The screenshot shows a user interface for a study setup, with navigation tabs and action buttons.

• Horizontal navigation

Optimal

The screenshot displays a set of training resources related to UX design methodologies.

• Card

Optimal

A card displaying qualitative insights and options to create new, view intro, and see examples.

• Flyout menu

Optimal

The screenshot displays a navigation menu and user profile section.

• Vertical navigation

Optimal

FAQ section about pricing.

• FAQ

Optimal

Optimal Workshop landing page

• Flyout menu

Optimal

This screenshot showcases a website navigation menu.

• Flyout menu