Breathing Text
Text gently expands and contracts like a breathing rhythm.
CSS
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Duration4s
Scale1.04
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | ReactNode | — | The text to animate. |
duration | number | 4 | Seconds for one full breath cycle. |
scale | number | 1.04 | Maximum scale factor. |
className | string | — | Extra classes. |