reactbits-animation
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

@aadviklabs/reactbits-animation

A comprehensive collection of beautiful, performant React animation components for the Reactbits NPM Package.

About

This package provides a set of ready-to-use animation components for React. It's designed to be easy to use and highly customizable.

Installation

npm install reactbits-animation

Peer Dependencies

This package requires the following peer dependencies to be installed in your project:

# Core dependencies (required)
npm install react react-dom

# Animation libraries (install as needed)
npm install framer-motion gsap

# For 3D components (optional)
npm install three @react-three/fiber @react-three/drei

# For UI components (optional)
npm install @chakra-ui/react @emotion/react @emotion/styled

Usage

import { Bounce } from 'reactbits-animation';

function App() {
  return (
    <Bounce>
      <h1>Hello, World!</h1>
    </Bounce>
  );
}

Components

This package includes a variety of animation components. Here are a few examples:

  • AnimatedContent
  • AnimatedList
  • Bounce
  • FadeContent
  • ... and many more!

Check out examples.md for more examples.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Package Sidebar

Install

npm i reactbits-animation

Weekly Downloads

5

Version

1.0.0

License

MIT

Unpacked Size

34.7 MB

Total Files

173

Last publish

Collaborators

  • aadvik-teklabs