Homerun UI components examples

Homerun

A hero section featuring a headline, subheadline, call-to-action buttons, social proof metrics, and an interactive product mockup.

• Hero section

Homerun

A vertical list of third-party workflow integrations, each displaying a logo, name, description, and an action to connect or learn more.

• Vertical list

Homerun

A full-width banner alerting the user that they are on a free trial, with a link to learn more.

• Message

Homerun

A dark-themed settings panel with grouped controls for colors, typography, visibility toggles, and advanced options.

• Toolbox

Homerun

A date picker popover displayed over a form. It shows a calendar for March 2024 with the 22nd selected.

• Datepicker

Homerun

A radio group allowing the user to select an action to take upon rejecting a candidate, such as notifying by email, creating a to-do, or not notifying.

• Checkbox & radio

Homerun

An open combobox dropdown menu showing a search input and a list of selectable reasons.

• Input select

Homerun

A Kanban board showing a candidate pipeline with columns for different hiring stages. The 'Offer' column contains one candidate card, while the others are empty.

• Table

Homerun

A top navigation bar displaying job details, a segmented control for different views, and action buttons.

• Horizontal navigation

Homerun

A toast notification confirming the successful deletion of a job role.

• Notification Toast

Homerun

A vertical sidebar navigation menu featuring a workspace switcher, primary navigation links, a collapsible 'Your jobs' section, and a secondary navigation list for workspace settings and features.

• Vertical navigation

Homerun

A horizontal segmented control with three options: Job post, Apply form, and Candidates. The 'Candidates' option is currently selected, indicated by a white background and drop shadow.

• Segmented control