sensory-ui vs StoryMotion

sensory-ui swaps standard shadcn/ui parts for versions that play short synthesized cues on clicks, toggles and dialogs, with no audio files to ship.

Create animated presentations that simplify complex systems with StoryMotion AI. Explain architecture, diagrams, and data flows, or any complex idea, step by step, then...

About sensory-ui

sensory-ui is a React and Next.js component set that adds audio cues to familiar shadcn/ui elements such as buttons, switches, sliders, tabs, toasts and dialogs. Developers install components through the shadcn CLI and turn sound on with a prop. All audio is synthesized in the browser with the Web Audio API, so there are no sound files or network requests, and the library weighs about 28 KB gzipped. It ships 24 components, 17 cues and nine sound packs. The design guidance ties each sound to a meaningful interaction, keeps small actions quiet, honours reduced motion settings and allows muting globally or by category. The project now sits under Shadcn Labs.

About StoryMotion

Create animated presentations that simplify complex systems with StoryMotion AI. Explain architecture, diagrams, and data flows, or any complex idea, step by step, then present, export as video, or embed anywhere. Every element, effect, and motion timing is fully editable. Draw arrows, diagrams, formulas, or use thousands of assets from the Excalidraw community. We'll build and deliver a solution tailored for your business.