Components

Kickresume button with shadcn defaults, ten design-system brand variants, compatibility aliases, and responsive sizes.

Groups related buttons into a single attached, segmented control.

Kickresume text input with a blue focus ring.

Kickresume input group: an input with attached addons, icons or buttons.

Kickresume one-time-code input with individual character slots (input-otp).

Kickresume multi-line text input with a blue focus ring.

Kickresume inline-editable label — click to edit the text in place.

Kickresume form label associated with a control.

Kickresume form field wrapper pairing a label, control, description and error message.

Kickresume select dropdown for choosing a single option from a list.

Kickresume-styled native <select> for simple, platform dropdowns.

Kickresume combobox: searchable single-select built on a popover + command list.

Kickresume multi-select: searchable selection of multiple values shown as chips.

Kickresume checkbox for boolean or indeterminate selection.

Kickresume radio group for choosing one option from a set.

Kickresume toggle switch for an on/off setting.

Kickresume toggle button with a pressed on/off state.

Kickresume toggle group: a single- or multi-select set of toggle buttons.

Kickresume slider for picking a numeric value or range.

Accessible Kickresume star rating display with full and half-star states.

Kickresume calendar for selecting single dates or ranges (react-day-picker).

Kickresume date picker: a calendar in a popover bound to an input.

Kickresume card with soft elevation and a serif title.

Kickresume list-item primitive: leading media, title/description and trailing actions.

Kickresume-themed List component.

Kickresume table primitives (header, row, cell) for tabular data.

Kickresume chart wrapper over Recharts with themed colors, tooltip and legend.

Kickresume accordion — vertically stacked, collapsible sections; one or multiple open at once.

Kickresume collapsible: a single expand/collapse region for secondary content.

Kickresume carousel: swipeable slides with prev/next controls (Embla).

Kickresume avatar with image and text fallback; size with Tailwind classes.

Kickresume badge with default, secondary, outline, success and premium-gradient variants.

Kickresume premium and free sticker badge with the design-system outlined display treatment.

Kickresume eyebrow text primitive using the design-system Graphik label style.

Renders a keyboard key or shortcut, e.g. ⌘K.

Compact Kickresume alert with neutral, info, success, filled destructive and outlined destructive variants.

Kickresume toast notifications via Sonner (success, error, promise).

Kickresume progress bar showing completion of a task.

A placeholder shimmer block for loading states.

Kickresume spinner — a circular loading indicator.

Kickresume inline animated loading indicator.

Kickresume overlay that covers content with a spinner while a region is busy.

Kickresume tabs for switching between panels of content.

Kickresume breadcrumb navigation showing the path to the current page.

Kickresume pagination controls for moving between pages of results.

Kickresume stepper showing progress through ordered steps of a flow.

Kickresume navigation menu with dropdown panels for site navigation.

Kickresume menubar: a horizontal application menu bar with dropdown menus.

Kickresume sidebar: a collapsible app-navigation shell with header, content and footer.

Kickresume modal dialog for focused content or forms layered over the page.

Kickresume alert dialog: a modal that interrupts to confirm a destructive or important action.

Kickresume sheet: a dialog that slides in from a screen edge.

Kickresume drawer: a panel that slides in from a screen edge (mobile-friendly).

Kickresume popover: floating content anchored to a trigger.

Kickresume hover card: preview content revealed on hover of a trigger.

Kickresume tooltip: a hint shown on hover or focus.

Kickresume dropdown menu with items, submenus, checkboxes, radios and shortcuts.

Kickresume right-click context menu with items, submenus, checkboxes and radios.

Kickresume command menu (⌘K): a fuzzy-searchable list of actions (cmdk).

A thin horizontal or vertical divider between content.

Constrains its content to a fixed width/height ratio (e.g. 16/9 media).

Kickresume scroll area with styled custom scrollbars.

Kickresume resizable panels with draggable handles (react-resizable-panels).