sensory-uisensory-ui

Components

All 24 sensory-ui components with live sound demos.

sensory-ui extends every shadcn/ui component with semantic sound props. Hear them below: pick a pack, click anything, then open a component for its sound props and usage.

Hear your components.

Drop-in replacements for shadcn/ui. Add a sound prop. Hear the difference.

Button
Click to trigger each activation
Toggle Controls
Checkboxes, switches, radios & toggles
Checkbox
Switch
Radio Group
Toggle Group
Slider
Subtle tick on every value change
Volume40
Command
Search and select from a command palette
Tabs
Switch tabs to hear navigation cues
Preview - switch tabs to trigger sound.
Notifications
Toast notifications with sound
Carousel
Prev/next trigger navigation cues
Step 1Install the component
Step 2Add the sound prop
Step 3Ship with confidence
Navigation Controls
Directional movement & pagination sounds
Direction
Pagination
Hero Moments
Milestone and task completion sounds
Dialog
Open & close to trigger system sounds
Overlay Surfaces
Open & close overlays to hear the sound pair
Drawer
Dropdown
Select
Expand / Collapse
Accordion & collapsible expand/collapse sounds
Accordion

Collapsible

Sounds generated in real time via Web Audio API. No files. No latency.

All components

AccordionAlert DialogButtonCarouselCheckboxCollapsibleCommandContext MenuDialogDrawerDropdown MenuMenubarNavigation MenuPaginationPopoverRadio GroupSelectSheetSidebarSliderSwitchTabsToggleToggle Group

Testing

Commands and strategies for testing sensory-ui components.

Accordion

A vertically stacked set of interactive headings that reveal content areas. Plays expand and collapse sounds.

All components