Explore
Discover the API, try a live preview, and open a Playground only when the interaction needs more room.
Press ⌘K to jump to any component
Expand/collapse panels with height animation and single/multi open modes
Mount/unmount accordion panels with enter/exit cross-fade via AnimePresence
Slide, fade, scale, flip transitions with visual slide showcase
Animate targets with CSS selectors, stagger, easing, and callbacks
Circle, diamond, star, and wipe clipPath reveal animations
Animated counter and countdown with padding and format options
Physics-based drag with snap, spring release, and programmatic controls
Button-triggered menu with staggered item entrance and click-outside dismiss
FLIP-based layout animations with enter/exit, stagger, and methods
Scroll-linked animation with enter/leave callbacks and progress tracking
FLIP-based shuffle, move, add/remove, and grid reorder animations
Animation scopes with media queries, methods, and keepTime
Text scramble animation with autoplay, loop, and custom chars
Parallax depth, reveal columns, conveyor, morph tile, and wave bar
3D cube rotation with speed variants and interactive controls
Text splitting into chars, words, lines with CJK and effects
Animate SVG path drawing with stroke-dashoffset
Morph between different SVG path shapes smoothly
Move elements along an SVG motion path
Animated underline indicator with cross-fading content panels
Sequenced timeline animations with sync, labels, and methods
Standalone timer with playback controls, callbacks, and methods
Stacked notifications with enter/exit animations and auto-dismiss
Animated toggle switch with styled and disabled states
Hover or focus trigger with spring enter/exit and smart placement
Every component runs on React AnimeJS — install once, animate everywhere.
npm install @shakibdshy/react-animejs