Live Demo

Animation Components in Action

This page demonstrates actual animation components from the manifest. Scroll down to see Anime.js and Framer Motion components in action.

AnimeFadeIn Component

This box fades in smoothly using Anime.js with a 1000ms duration and easeOutQuad easing.

This box bounces in using Framer Motion spring physics with stiffness 200 and damping 12.

This box slides in from the left with a 100px travel distance and 0.6s duration.

Hover over this card to see 3D perspective tracking! Move your mouse around for interactive tilt effects.

maxRotation: 15deg | hoverScale: 1.05

Beautiful animated aurora borealis effect with customizable layers, colors, and intensity.

This box slides in from the right direction, demonstrating the direction prop flexibility.

This page demonstrates that animation components can be instantiated directly from the manifest with full prop support.