@react-bits
A large collection of animated, interactive & fully customizable React components for building memorable websites. From smooth text animations all the way to eye-catching backgrounds, you can find it here.
Add to components.json
In catalog"registries": {
"@react-bits": "https://reactbits.dev/r/{name}.json"
}Then npx shadcn@latest add @react-bits/<item> — every tile below copies its own command.
684 items · up to 8 live frames run at once, nearest the viewport
Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.
Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.
Text starts blurred then crisply resolves for a soft-focus reveal effect.
Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.
Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.
Text starts blurred then crisply resolves for a soft-focus reveal effect.
Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.
Text starts blurred then crisply resolves for a soft-focus reveal effect.
Glowing mesh-gradient border that follows cursor direction and intensifies near edges.
Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.
Text starts blurred then crisply resolves for a soft-focus reveal effect.
Glowing mesh-gradient border that follows cursor direction and intensifies near edges.