Trending Society

@sortui

A vertically stacked set of headers that expand and collapse their panels, revealing one section of content at a time.

Layout3 packages

@sortui

A message composer for AI chats: one row with actions around the text that opens into a column once the text wraps or attachments are added, with an expand action and a send button.

AI2 registry deps · 3 packages

Alert

@sortui

A callout that surfaces important contextual information — such as a status update or a failure — without interrupting the user's flow.

Feedback2 packages

Aspect Ratio

@sortui

Constrains its content to a fixed width-to-height ratio so media, embeds, and placeholders keep their shape at any container size.

Layout1 package

Attachment

@sortui

An uploaded or in-flight file as a picture, a card that names its type or a row (full or compact) with its icon, name and metadata, with its upload state and actions.

AI1 registry dep · 3 packages

Avatar

@sortui

Displays a user's image with an automatic initials fallback, plus optional status badge and stacked group with overflow count.

Data display2 packages

Badge

@sortui

A small inline label for surfacing statuses, categories, and metadata next to other content.

Data display3 packages

Breadcrumb

@sortui

Displays the path to the current page as a hierarchy of links so users can see where they are and jump back to any parent level.

Navigation3 packages

Bubble

@sortui

A chat message bubble for conversation UIs, with sender alignment, tonal variants, grouped messages, and emoji reactions.

AI3 packages

Button

@sortui

Triggers an action. Six emphasis levels, five sizes with icon-only counterparts and an optional count chip.

Buttons and actions3 packages

Button Group

@sortui

Groups related buttons and controls into a single connected segment with shared borders and rounded outer corners.

Buttons and actions1 registry dep · 3 packages

Calendar

@sortui

A month grid for picking a single date, multiple dates, or a date range, built on react-day-picker.

Forms1 registry dep · 4 packages

Alert Dialog

Install

Live preview

Registry dependencies1

Packages2

Alert Dialog

Install

Live preview

Registry dependencies1

Packages2

Source

More from @sortui, 65 components

The Signal

Install

Live preview

Registry dependencies1

Packages2

Install

Live preview

Registry dependencies1

Packages2

Source

More from @sortui65, 65 components

More from @sortui, 65 components