Features
Easy to Use
Simple setup with minimal configuration required
Lightweight
Small footprint for optimal performance
Customizable
Tailor animations to fit your project's needs
Tailwind Compatible
Fully compatible with Tailwind CSS or anyother CSS frameworks.
Installation
Install with npm:
npm install rizzmOr include via CDN:
COMIN
Usage Guide
1. Initialize Rizzm
const rizzm = new Rizzm({
selector: ".js-rizzm",
options: {
rootMargin: "50px",
threshold: 0.24,
stagger: 150
}
});2. Add CSS classes to your elements
<div class="js-rizzm" style="--rizzm-keyframe: fadeInUp; --rizzm-duration: 800;">
Your content here
</div>Customize animations using CSS variables: --rizzm-keyframe, --rizzm-duration, --rizzm-stagger, --rizzm-from, --rizzm-to