example.js
import { FasterMotion } from 'faster-motion';
// Animate any element
FasterMotion.dom({
target: '.hero',
to: {
x: 100,
rotation: 360
},
duration: 1000,
ease: 'ease.out'
});
// Scroll-based animations
FasterMotion.dom({
target: '.section',
to: {
opacity: 1,
y: 0
},
scroll: {
trigger: '.section',
start: 'top 80%',
end: 'bottom 20%'
}
});High Performance
Optimized for 60fps with GPU acceleration and efficient rendering pipeline
Developer Friendly
Intuitive API with TypeScript support and comprehensive documentation
Feature Complete
Scroll animations, Canvas rendering, state machines, and text effects
60fps
Smooth animations
100+
Examples
TypeScript
Full support
12KB
Minified + gzipped