Components

The shadcn/ui base library (54 showcased), styled by the theme tokens. These are the primitives the blocks are built from.

Actions

Six variants, four sizes, icon and loading states.

Attached buttons with optional text and separators.

A two-state button.

Single or multiple selection from grouped toggles.

Forms

Text input with disabled and invalid states.

Multi-line text input.

Popover-based select built on Base UI.

Styled native <select> — great inside dense forms.

Searchable select with filtering.

Binary choice with label pairing.

Pick one of several options.

On/off control for settings.

Single value and range selection.

Label, control, description and error composition.

Accessible form label.

Inputs with leading/trailing addons and buttons.

Segmented one-time-code entry.

Date picking via react-day-picker.

The enrollment quick-start form, composed from primitives.

Feedback

Inline callouts, default and destructive.

Status and tag labels in six variants.

Determinate progress with label and value.

Loading indicator at any size.

Loading placeholders.

Empty-state pattern with media, title and action.

Stacked notifications via the toast manager.

Overlays

Modal dialog with form content.

Blocking confirmation dialog.

Slide-in panel from any side.

Bottom drawer with swipe handle.

Anchored floating content.

Hover hints on any trigger.

Rich preview on hover.

Action menus with icons and shortcuts.

Right-click menus.

Searchable command palette.

Desktop-style menu bar.

Navigation

Default and line variants.

Expandable Q&A sections — powers the FAQ block.

Show/hide a region.

Hierarchy trail with ellipsis.

Page navigation for lists and news.

Navigation menu

Dropdown site navigation — powers the site header block.

Data display

Header, content, footer and action slots.

Tabular data with caption.

Images, fallbacks and groups.

Horizontal and vertical rules.

Constrain media to a ratio.

Embla-powered slides.

Styled scrollable region.

Draggable panel layouts.

List rows with media, content and actions.

Keyboard shortcut hints.

Recharts wrapper — chart colors track the theme.