Package category
Animation
Animate DOM, SVG and canvas elements.
659 packages9 comparisons
Packages compared
659 packages
| Package | Weekly downloads | 12-month change | 52 weeks | Gzip | Last release | Module | Types | Categories |
|---|---|---|---|---|---|---|---|---|
| @tsparticles/path-polygon tsParticles polygon path | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-rounded-rect tsParticles rounded rect shape | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-poisson-disc tsParticles poisson disc plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-quint tsParticles easing quint plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-sine tsParticles easing sine plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-export-video tsParticles export video plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-export-json tsParticles export json plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-cog tsParticles cog shape | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-spiral tsParticles spiral shape | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-hsv-color tsParticles HSV color plugin | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-pop tsParticles pop external interaction | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-circ tsParticles easing circ plugin | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-particle tsParticles particle external interaction | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/simplex-noise tsParticles simplex noise library | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/path-zig-zag tsParticles zig zag path | 6.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| mo-js motion graphics toolbelt for the web | 6.5k | +241% | - | 9 years ago 0.288.2 | CommonJS | None | Animation | |
| @rive-app/webgl2-advanced Rive's webgl2 low-level canvas based web api. | 6.5k | - | - | - | 1 day ago 2.43.1 | CommonJS | Bundled | Animation |
| animate-css-grid Buttery smooth, easy transitions for CSS grid | 6.4k | +31% | - | 3 years ago 1.5.1 | ESM + CommonJS | Bundled | Animation | |
| react-expand-animated The expand component that animate the height of child component when toggling | 6.3k | +15% | - | 6 years ago 1.0.2 | CommonJS | None | Animation, React | |
| react-customizable-progressbar Customizable circular SVG progress component for React | 6.3k | +9% | - | 8 months ago 2.1.3 | ESM + CommonJS | Bundled | React, Animation | |
| @rive-app/canvas-advanced-single Rive's lightweight low-level canvas based web api all in one js file. | 6.2k | - | - | - | 1 day ago 2.43.1 | CommonJS | Bundled | Animation |
| react-typist Typing animations with React | 6.2k | +16% | - | 7 years ago 2.0.5 | CommonJS | None | Animation, React | |
| @mojs/core The motion graphics toolbelt for the web | 6.2k | - | - | - | 2 years ago 1.7.1 | CommonJS | None | Animation |
| @tsparticles/plugin-oklch-color tsParticles OKLCH color plugin | 6.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-named-color tsParticles named color plugin | 6.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @scritto/core Framework-agnostic rolling text web component | 6k | - | - | - | 26 days ago 0.1.0 | ESM only | Bundled | Animation |
| react-animate-on-scroll React component to animate elements on scroll with animate.css | 5.9k | -41% | - | 2 years ago 2.1.9 | CommonJS | None | Animation, React | |
| @tsparticles/plugin-canvas-mask tsParticles canvas mask plugin | 5.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| splitting Micro-library to split a DOM element's words & chars into elements populated with CSS vars. | 5.9k | -8% | - | 2 years ago 1.1.0 | CommonJS | None | CSS-in-JS and styling, Animation | |
| animated-number-react Super easy way to animate numbers with React | 5.9k | +50% | - | 5 years ago 0.1.2 | CommonJS | None | Animation, React | |
| @tsparticles/interaction-light tsParticles Light interaction | 5.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| gradient-spin A zero-dependency React matrix loading spinner — a grid of cells swept by a gradient wavefront (arrow, diagonal, snake, ripple). One CSS keyframe, compositor-only, no CSS import. | 5.9k | - | - | 2 months ago 0.1.0 | ESM + CommonJS | Bundled | React, Animation | |
| @tsparticles/updater-orbit tsParticles particles orbit updater | 5.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-cubic tsParticles easing cubic plugin | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-export-image tsParticles export image plugin | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-path tsParticles path shape | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-back tsParticles easing back plugin | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-arrow tsParticles arrow shape | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @bybas/weather-icons A set of animated svg weather icons. | 5.8k | - | - | - | 5 years ago 2.0.0 | CommonJS | None | Icons, Animation |
| @tsparticles/plugin-emitters-shape-path tsParticles emitters shape path plugin | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/perlin-noise tsParticles perlin noise library | 5.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/vue3 Official tsParticles Vue.js 3.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 2.x, | 5.7k | - | - | - | 25 days ago 4.4.0 | ESM only | Bundled | Animation, React |
| @hiseb/confetti A lightweight confetti browser animation library | 5.7k | - | - | - | 2 months ago 2.2.0 | ESM + CommonJS | Bundled | Animation |
| @tsparticles/shape-infinity tsParticles infinity shape | 5.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| tailwindcss-spring A Tailwind CSS plugin that adds spring animations to your project using CSS linear(). Define just two parameters and let the plugin generate the easing curve and the animation duration. | 5.7k | +304% | - | 2 years ago 1.0.1 | ESM only | None | Animation, CSS-in-JS and styling | |
| @tsparticles/pjs tsParticles particles.js compatibility layer — drop-in replacement for particles.js with full API compatibility and enhanced features. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno. | 5.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, React |
| @tsparticles/path-fractal-noise tsParticles fractal noise path | 5.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/smooth-value-noise tsParticles smooth value noise library | 5.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @esotericsoftware/spine-canvaskit The official Spine Runtimes for CanvasKit for NodeJS | 5.3k | - | - | - | 2 months ago 4.3.13 | ESM only | Bundled | Animation |
| react-scrollchor A React component for scrolling to #hash links with smooth animations | 5.3k | +29% | - | 4 years ago 7.0.2 | ESM + CommonJS | Bundled | DOM and browser utilities, React |
12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.
- @tsparticles/path-polygontsParticles polygon path
- @tsparticles/shape-rounded-recttsParticles rounded rect shape
- @tsparticles/plugin-poisson-disctsParticles poisson disc plugin
- @tsparticles/plugin-easing-quinttsParticles easing quint plugin
- @tsparticles/plugin-easing-sinetsParticles easing sine plugin
- @tsparticles/plugin-export-videotsParticles export video plugin
- @tsparticles/plugin-export-jsontsParticles export json plugin
- @tsparticles/shape-cogtsParticles cog shape
- @tsparticles/shape-spiraltsParticles spiral shape
- @tsparticles/plugin-hsv-colortsParticles HSV color plugin
- @tsparticles/interaction-external-poptsParticles pop external interaction
- @tsparticles/plugin-easing-circtsParticles easing circ plugin
- @tsparticles/interaction-external-particletsParticles particle external interaction
- @tsparticles/simplex-noisetsParticles simplex noise library
- @tsparticles/path-zig-zagtsParticles zig zag path
- mo-jsmotion graphics toolbelt for the web
- @rive-app/webgl2-advancedRive's webgl2 low-level canvas based web api.
- animate-css-gridButtery smooth, easy transitions for CSS grid
- react-expand-animatedThe expand component that animate the height of child component when toggling
- react-customizable-progressbarCustomizable circular SVG progress component for React
- @rive-app/canvas-advanced-singleRive's lightweight low-level canvas based web api all in one js file.
- react-typistTyping animations with React
- @mojs/coreThe motion graphics toolbelt for the web
- @tsparticles/plugin-oklch-colortsParticles OKLCH color plugin
- @tsparticles/plugin-named-colortsParticles named color plugin
- @scritto/coreFramework-agnostic rolling text web component
- react-animate-on-scrollReact component to animate elements on scroll with animate.css
- @tsparticles/plugin-canvas-masktsParticles canvas mask plugin
- splittingMicro-library to split a DOM element's words & chars into elements populated with CSS vars.
- animated-number-reactSuper easy way to animate numbers with React
- @tsparticles/interaction-lighttsParticles Light interaction
- gradient-spinA zero-dependency React matrix loading spinner — a grid of cells swept by a gradient wavefront (arrow, diagonal, snake, ripple). One CSS keyframe, compositor-only, no CSS import.
- @tsparticles/updater-orbittsParticles particles orbit updater
- @tsparticles/plugin-easing-cubictsParticles easing cubic plugin
- @tsparticles/plugin-export-imagetsParticles export image plugin
- @tsparticles/shape-pathtsParticles path shape
- @tsparticles/plugin-easing-backtsParticles easing back plugin
- @tsparticles/shape-arrowtsParticles arrow shape
- @bybas/weather-iconsA set of animated svg weather icons.
- @tsparticles/plugin-emitters-shape-pathtsParticles emitters shape path plugin
- @tsparticles/perlin-noisetsParticles perlin noise library
- @tsparticles/vue3Official tsParticles Vue.js 3.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 2.x,
- @hiseb/confettiA lightweight confetti browser animation library
- @tsparticles/shape-infinitytsParticles infinity shape
- tailwindcss-springA Tailwind CSS plugin that adds spring animations to your project using CSS linear(). Define just two parameters and let the plugin generate the easing curve and the animation duration.
- @tsparticles/pjstsParticles particles.js compatibility layer — drop-in replacement for particles.js with full API compatibility and enhanced features. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
- @tsparticles/path-fractal-noisetsParticles fractal noise path
- @tsparticles/smooth-value-noisetsParticles smooth value noise library
- @esotericsoftware/spine-canvaskitThe official Spine Runtimes for CanvasKit for NodeJS
- react-scrollchorA React component for scrolling to #hash links with smooth animations