Trending Society

@sona-ui

An accessible Base UI accordion with controlled and uncontrolled state, four visual variants, interruptible disclosure transitions, and reduced-motion support.

Layout1 registry dep · 2 packages

Activity Graph

@sona-ui

A keyboard-accessible calendar heatmap with normalized intensity levels and an interruptible shared focus surface.

Data display1 registry dep · 2 packages

Animated Checkbox

@sona-ui

An accessible Base UI checkbox with a drawn checkmark and a restrained animated state change.

Forms1 registry dep · 2 packages

Animated Dialog

@sona-ui

A composable, accessible dialog modal built on Base UI with controlled state, direction-aware enter and exit motion, and reduced-motion support.

Overlays2 registry deps · 2 packages

Animated Dropdown

@sona-ui

A composable, accessible dropdown menu built on Base UI with controlled state, interruptible hover highlighting, and origin-aware enter motion.

Overlays2 registry deps · 2 packages

Animated Tabs

@sona-ui

An accessible horizontal tab selector built on Base UI with controlled state, keyboard navigation, disabled items, and a pointer-only shared hover indicator.

Navigation2 registry deps · 2 packages

Avatar Showcase

@sona-ui

A recording-friendly avatar strip with count-aware pacing, deterministic sampling, staggered lanes, and reduced-motion support.

Data display1 registry dep · 1 package

BubbleUpButton

@sona-ui

The `BubbleUpButton` component provides an interactive button with a fluid "bubble-up" animation effect when hovered. It creates an engaging user experience with minimal effort.

Buttons and actions1 registry dep · 1 package

Button

@sona-ui

A simple action button with subtle press feedback and reduced-motion support.

Buttons and actions2 registry deps · 2 packages

Circular Context Menu

@sona-ui

An edge-aware compound context menu that fans a small set of direct actions away from a selected object.

Navigation1 registry dep · 1 package

Circular Dock Menu

@sona-ui

A circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-click handling, and reduced-motion support.

Navigation1 registry dep · 2 packages

Code Block

@sona-ui

A plug-and-play syntax-highlighted code block for documentation and developer interfaces.

Text1 registry dep · 3 packages

Animated Switch

Install

Live preview

Registry dependencies2

Packages2

Animated Switch

Install

Live preview

Registry dependencies2

Packages2

Source

More from @sona-ui, 40 components

The Signal

Install

Live preview

Registry dependencies2

Packages2

Install

Live preview

Registry dependencies2

Packages2

Source

More from @sona-ui40, 40 components

More from @sona-ui, 40 components