Render UI components examples

Name: Render
Author: Bertrand

Browse Render UI component design examples. Preview individual interface elements and explore related component categories. Cloud application hosting for developers

Explore the examples

Render

A toast notification indicating a successful action, featuring a green checkmark icon, a text message, and a close button.

Notification Toast

Render

A read-only input field displaying an API key, paired with a copy button. A tooltip indicates the text has been successfully copied.

Click to copy

Render

An expanded dropdown menu for switching workspaces or accounts, showing the current user email, active team, and links to create a new team, team settings, billing, and sign out.

Dropdown menu

Render

A horizontal radio group displaying two compute specification options as selectable cards. Each card shows the plan name, price per 1,000 minutes, CPU, and RAM details.

Checkbox & radio

Render

A settings card allowing users to enforce two-factor authentication for their team. It includes a title, description with a link, a toggle switch indicating the 'Enforced' state, and a success alert confirming all members have enabled it.

Alert

Render

A horizontal settings row with a title, description containing a link, and a toggle switch to enforce two-factor authentication.

Checkbox & radio

Render

A toast notification confirming that the user has switched to their personal account. It features an info icon, a message, a close button, and a colored bottom border.

Notification Toast

Render

A horizontal settings row with a title, description containing a link, and a toggle switch indicating an 'off' state.

Checkbox & radio

Render

A row displaying an invited user's email address alongside a 'Pending Invite' badge, indicating their invitation status.

Avatar

Render

A form section containing an input field for email addresses, which converts entered emails into removable tags. Below the input are 'Cancel' and 'Send invite' action buttons.