Animation & effects
Create transitions, gesture effects, parallax, and expressive interface elements.
Choose a library or tool
9 options in this category.
canvas-confetti
Library / toolA canvas-based confetti animation library.
- Good for
- Adding a celebratory visual effect to successful actions.
Magic UI
Library / toolA collection of animated components and presentation patterns.
- Good for
- Building expressive landing pages and marketing interfaces.
Motion
Library / toolAn animation library for React and other web interfaces.
- Good for
- Building transitions, gestures, and coordinated layout animation.
React Bits
Library / toolA collection of animated and interactive React components.
- Good for
- Adding expressive visual sections and effects to a website.
React Simple Animate
Library / toolA React library for declarative component animations.
- Good for
- Adding straightforward animation sequences without a large animation setup.
react-glow
Library / toolReact components for glow effects around interface elements.
- Good for
- Adding pointer-responsive highlights to cards and other UI surfaces.
react-magic-motion
Library / toolA React library for animating interface changes.
- Good for
- Adding automatic transitions as components and layouts change.
ScrollX UI
Library / toolA collection of animated and interactive React components.
- Good for
- Adding scroll-oriented visual effects and presentation sections.
simpleParallax
Library / toolA library for parallax effects on images.
- Good for
- Adding scroll-linked image movement to content pages.