🎨 My Animation Library

📦 Package Information

Version: 2.0.1

License: MIT

Size: 156.0 kB

npm install my-animation-lib

🚀

Animation Engine

High-performance GSAP-based animation system

🧮

MathUtils

Advanced mathematical functions for natural animations

🎭

Effects Library

Comprehensive collection of animation effects

⚡

Performance

Optimized for smooth 60fps animations

🎯 Basic Animation Demo

// Basic usage
import { AnimationEngine } from 'my-animation-lib';

const engine = new AnimationEngine();
const element = document.getElementById('myElement');

engine.createBasicAnimation(element, {
    duration: 2,
    properties: { x: 200, rotation: 360 }
});
            

🌊 Wave Effect Demo

// Wave effect
engine.createAdvancedWaveEffect(element, {
    amplitude: 50,
    frequency: 2,
    duration: 3,
    easing: 'sine'
});
            

🎨 Spring Animation Demo

// Spring animation
engine.createSpringAnimation(element, {
    targetValue: 100,
    stiffness: 0.1,
    damping: 0.8
});
            

✨ Particle System Demo

// Particle system
engine.createParticleSystem(container, {
    count: 50,
    colors: ['#ff6b6b', '#4ecdc4', '#45b7d1'],
    size: { min: 3, max: 8 }
});
            

🎭 MathUtils Functions Demo

Click "Test MathUtils" to see mathematical functions in action...

📚 Documentation & Resources

NPM Package: https://www.npmjs.com/package/my-animation-lib

GitHub: https://github.com/yourusername/my-animation-lib

Examples: Check the examples/ folder for more demos

⚠️ Important Notes

Dependencies: This package requires Three.js and GSAP to be installed separately

Browser Support: Modern browsers with ES6+ support

License: MIT - Free to use in commercial and personal projects

✅ Package Successfully Published to NPM!