⚡ Animation in Canada

Animation libraries and components are typically used on websites to add visual effects such as fades, slides, rotations, and scrolling animations that make web pages more dynamic and engaging.

Canada is a North American country with a population of over 40 million people.

According to our statistics, animation technologies are detected on 17% of websites from Canada.

Statistics based on 67K+ analyzed websites. About this data

⭐ Most Popular in 2026

The following chart shows the top animation technologies on websites in Canada in 2026, based on market share.

The most popular is Lottie with an impressive share of 40.3%, followed by Animate.css with 29.7% and Animate On Scroll with 13.7%.

Lottie 40.3%
Animate.css 29.7%
Animate On Scroll 13.7%
Wow.js 13.5%
GSAP 10.6%
Anime.js 5.5%
Adobe Flash 5.3%
Hover.css 1.5%
Paper.js 1.1%
Velocity 1%
Morphext 1%
Locomotive Scroll 0.9%
Vivus 0.7%
Scriptaculous 0.7%
Lenis 0.7%

🚀 Highlights

Here is a list of the top technologies that are more popular in Canada than worldwide.
Differences between global and country rankings are shown in parentheses.

1. Lottie ^(-1)
3. Animate On Scroll ^(-1)
6. Anime.js ^(-1)
9. Paper.js ^(-2)
11. Morphext ^(-2)
12. Locomotive Scroll ^(-3)
16. Motion UI ^(-2)
19. Swup ^(-1)
20. PixiJS ^(-1)
24. Rive ^(-2)

✨ Best Animation Technologies

Below is a more detailed list of the top 25 of the 31 animation technologies used on sites from Canada, ranked by their market share.

Rank	Name	Market share
1	Lottie San Francisco, California, United States An animation framework created by Airbnb that lets developers export Adobe After Effects animations as JSON and render them natively on mobile, desktop, and the web. FreeOpen source	40.3%
2	Animate.css A cross-browser library of ready-to-use CSS animations that developers can add to web projects by applying simple animation classes. FreeOpen source	29.7%
3	Animate On Scroll A CSS-driven, lightweight library to animate elements on your page as you scroll. FreeOpen source	13.7%
4	Wow.js A JavaScript library that reveals CSS animations when you scroll. FreeOpen source	13.5%
5	GSAP San Francisco, California, United States An open-source JavaScript animation library that enables developers to create high-performance, cross-browser animations for HTML elements, CSS properties, SVG, canvas, and JavaScript objects. FreeOpen source	10.6%
6	Anime.js Paris, France A lightweight JavaScript animation library with a simple yet powerful API. FreeOpen source	5.5%
7	Adobe Flash San Jose, California, United States A discontinued multimedia software platform for creating animations and interactive apps. Legacy	5.3%
8	Hover.css Devon, United Kingdom A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images. FreeOpen source$14+	1.5%
9	Paper.js An open-source vector graphics scripting framework that runs on top of the Canvas. FreeOpen source	1.1%
10	Velocity An accelerated JavaScript animation engine. FreeOpen source	1%
11	Morphext A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css. FreeOpen source	1%
12	Locomotive Scroll A simple scroll library with smooth scrolling, parallax effects, toggling classes, and triggering event listeners when elements are in the viewport. FreeOpen source	0.9%
13	Vivus A lightweight JavaScript library that allows you to animate SVGs, giving them the appearance of being drawn. FreeOpen source	0.7%
14	Scriptaculous A set of JavaScript libraries to enhance the user interface of web sites. FreeOpen source	0.7%
15	Lenis A modern, lightweight, and performant open-source smooth scrolling library with WebGL scroll synchronization, parallax effects, and more. FreeOpen source	0.7%
16	Motion UI Campbell, California, United States A Sass library for creating flexible CSS transitions and animations. FreeOpen source	0.5%
17	Animsition A simple jQuery plugin for CSS animated page transitions. FreeOpen source	0.4%
18	Fabric.js A JavaScript canvas library with serialization and SVG-to-canvas/canvas-to-SVG parsers. FreeOpen source	0.4%
19	Swup A versatile and extensible page transition library that offers smooth animations, smart preloading, native browser history and enhanced accessibility. FreeOpen source	0.2%
20	PixiJS A rendering library with WebGPU/WebGL support for creating rich, interactive graphics and cross-platform applications and games. FreeOpen source	0.1%
21	Lordicon Wrocław, Poland An animated icon library with the 36,000+ premium and free animated icons. Free$13+/month	0.08%
22	Canvas Confetti A performant confetti animation library. FreeOpen source	0.08%
23	Mo.js An open-source, retina-ready, modular JavaScript motion graphics library. FreeOpen source	0.05%
24	Rive San Francisco, California, United States A real-time interactive design and animation tool that helps teams create, run, and integrate interactive animations on any platform using open source runtimes. Free$32+/seat/month	0.03%
25	Framer Motion Amsterdam, Netherlands A simple yet powerful motion library for React. FreeOpen source	0.03%

👉 See Also

🌎 Animation in other countries

🗃️ About This Data

We evaluate the popularity of technologies based on the number of websites where we detect their usage.
Technologies without a detectable web footprint, and those we do not track, are not reflected in the calculated market share.
This report is based on the analysis of 67,681 websites from Canada.
We currently track the presence of 34 animation technologies across the web.
Of these, 31 were detected on websites from Canada.
Statistics were last calculated on May 5, 2026.
For more details, see our methodology and disclaimer.