npm install cnippet-aos motion
import { motion } from "motion"
import { fadeUp } from "cnippet-aos"
function MyComponent() {
return (
<motion.div
{...fadeUp({
delay: 0.2,
duration: 0.8,
scroll: true,
once: true,
})}
>
Your content
</motion.div>
)
}Explore 30+ animation variants with live previews and ready-to-use code
{...fadeIn({ delay: 0.2, duration: 0.8 })}{...fadeUp({ delay: 0.2, y: 30, duration: 0.8 })}{...fadeDown({ delay: 0.2, y: -30, duration: 0.8 })}{...fadeLeft({ delay: 0.2, x: 30, duration: 0.8 })}{...fadeRight({ delay: 0.2, x: -30, duration: 0.8 })}Start using Cnippet AOS in your projects today