Front UI components examples

Front

The screenshot shows a dropdown menu with options to select or create a new knowledge base.

• Dropdown menu

Front

A pricing table with different plans and features.

• Pricing section

Front

The screenshot displays an automation feature for resolving customer inquiries in front chat using AI-generated responses.

• Upgrade your plan

Front

The screenshot promotes the use of SSO for added security.

• Empty state

Front

The screenshot shows a widget code snippet with instructions for installation.

• Code block

Front

A notification setting with a toggle and a number input.

• Input number

Front

A notification alert indicating that a teammate has not accepted an invitation, with an option to resend the invitation.

• Message

Front

The screenshot shows an alert message indicating a webhook verification failure.

• Message

Front

The screenshot shows a UI for transforming URLs into an application object, with an input field for URL patterns and a popover displaying character types.

• Tooltip

Front

• File upload input

Front

A help modal with recommended resources and other support options.

• Dropdown menu

Front

The screenshot shows a modal for setting site visibility with radio buttons.

• Checkbox & radio