HOVER ME & LISTEN
Installation
pnpm dlx rareui add sound-text
Usage
1
Basic Usage
Just pass text and it will play sounds on hover.
Example
import SoundText from '@/components/ui/sound-text';
export default function Header() {
return (
<SoundText
text="Melodic Typography"
basePitch={440} // A4 Note
/>
);
}Features
Seamlessly integrated and optimized for high-performance React applications.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The text to display. |
basePitch | number | 300 | Base frequency in Hertz for the starting note. |
className | string | - | Classes for font styling. |