Master the Art of
Web Motion

WebFX is a production-ready animation library that brings your web interfaces to life. With over 200+ pre-built animations and a simple API, you can create stunning animations in minutes.

Get started by installing the package via NPM or Yarn.

npm install webfx-motion

Or use the CDN for quick prototyping:

<script src="https://cdn.webfx.dev/motion/latest.min.js"></script>

Import the library and start animating elements instantly.

import { motion } from 'webfx-motion';

// Animate an element
motion.animate('.my-element', {
    opacity: [0, 1],
    transform: ['translateY(20px)', 'translateY(0)']
}, {
    duration: 0.8,
    easing: 'ease-out'
});

Common animations for everyday use cases.