@asad_200/animations

Animation utilities for React, powered by Framer Motion.

Installation

npm install @asad_200/animations framer-motion

Components

FadeIn

Simple fade-in animation.

import { FadeIn } from '@asad_200/animations';

const MyComponent = () => (
  <FadeIn>
    <h1>Hello World</h1>
  </FadeIn>
);

Hover3D

Adds a 3D tilt effect on hover.

import { Hover3D } from '@asad_200/animations';

const MyCard = () => (
  <Hover3D>
    <div className="card">Hover me!</div>
  </Hover3D>
);

Other Animations

• SlideIn
• SlideTop
• SlideBottom
• SlideLeft
• SlideRight
• ScaleIn
• SectionSlideTop

Peer Dependencies

• react >= 18
• framer-motion >= 10