The Bounce component adds a playful, elastic animation to its children when they enter the viewport.
Add it with the CLI, open it in v0, or copy the source into your project.
Adds the component and installs its dependencies for you.
npx shadcn@latest add https://uibeats.com/r/bounce.jsonEverything Bounce accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| children (required) | React.ReactNode | No default | The content to be animated |
| delay | number | 0 | Delay before the animation starts (in seconds) |
| duration | number | 0.5 | Duration of the animation (in seconds) |
| bounceHeight | number | 20 | Height of the bounce effect (in pixels) |
| className | string | '' | Additional CSS classes for styling |
| once | boolean | true | Whether to trigger the animation only once |
Required.