gsap

v3.12.5

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in every major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, For more information about how to use this package see README

Latest version published 11 months ago

License: Standard 'no charge' license:…

NPM

GitHub

Package Health Score

74 / 100

security
No known security issues
popularity
Influential project
maintenance
Sustainable
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
3.12.5	\|	01/2024	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.11.5	\|	03/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.9.1	\|	12/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.1.3	\|	05/2019		0 C 1 H 0 M 0 L	0 H 0 M 0 L
1.20.6	\|	05/2018		0 C 1 H 0 M 0 L	0 H 0 M 0 L

License

Standard 'no charge' license: https://gsap.com/standard-license. Club GSAP members get more: https://gsap.com/licensing/. Why GreenSock doesn't employ an MIT license: https://gsap.com/why-license/

Security Policy

Yes

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (524,777)

GitHub Stars: 20.05K
Forks: 1.73K
Contributors: -

Direct Usage Popularity

The npm package gsap receives a total of 524,777 downloads a week. As such, we scored gsap popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package gsap, we found that it has been starred 20,046 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like gsap is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Open Issues: 20
Open PR: 4
Last Release: 11 months ago
Last Commit: 11 months ago

Further analysis of the maintenance status of gsap based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

We found that gsap demonstrates a positive version release cadence with at least one new version released in the past 12 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 10 years
Dependencies: 0 Direct
Versions: 84
Install Size: 3.97 MB
Dist-tags: 2
# of Files: 114
Maintainers: 1
TS Typings: Yes

gsap has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

GSAP (GreenSock Animation Platform)

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in every major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! GSAP's ScrollTrigger plugin delivers jaw-dropping scroll-based animations with minimal code. gsap.matchMedia() makes building responsive, accessibility-friendly animations a breeze.

No other library delivers such advanced sequencing, reliability, and tight control while solving real-world problems on over 12 million sites. GSAP works around countless browser inconsistencies; your animations just work. At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy. It's up to 20x faster than jQuery!

GSAP is completely flexible; sprinkle it wherever you want. Zero dependencies.

There are many optional plugins and easing functions for achieving advanced effects easily like scrolling, morphing, animating along a motion path or FLIP animations. There's even a handy Observer for normalizing event detection across browsers/devices.

Get Started

Docs & Installation

View the full documentation here, including an installation guide.

CDN

See JSDelivr's dedicated GSAP page for quick CDN links to the core files/plugins. There are more installation instructions at gsap.com.

Every major ad network excludes GSAP from file size calculations and most have it on their own CDNs, so contact them for the appropriate URL(s).

NPM

See the guide to using GSAP via NPM here.

npm install gsap

GSAP's core can animate almost anything including CSS and attributes, plus it includes all of the utility methods like interpolate(), mapRange(), most of the eases, and it can do snapping and modifiers.

// typical import
import gsap from "gsap";

// get other plugins:
import ScrollTrigger from "gsap/ScrollTrigger";
import Flip from "gsap/Flip";
import Draggable from "gsap/Draggable";

// or all tools are exported from the "all" file (excluding members-only plugins):
import { gsap, ScrollTrigger, Draggable, MotionPathPlugin } from "gsap/all";

// don't forget to register plugins
gsap.registerPlugin(ScrollTrigger, Draggable, Flip, MotionPathPlugin);

The NPM files are ES modules, but there's also a /dist/ directory with UMD files for extra compatibility.

Download Club GSAP members-only plugins from your gsap.com account and then include them in your own JS payload. There's even a tarball file you can install with NPM/Yarn. GSAP has a private NPM registry for members too. Post questions in our forums and we'd be happy to help.

ScrollTrigger & ScrollSmoother

If you're looking for scroll-driven animations, GSAP's ScrollTrigger plugin is the new standard. There's a companion ScrollSmoother as well.

Using React?

There's a @gsap/react package that exposes a useGSAP() hook which is a drop-in replacement for useEffect()/useLayoutEffect(), automating cleanup tasks. Please read the React guide for details.

Resources

gsap.com
Getting started guide
Docs
Demos & starter templates
Community forums
Ease Visualizer
Showcase
YouTube Channel
Cheat sheet
Try bonus plugins for free
Club GSAP (get access to unrestricted bonus plugins that are not in this repository)

What is Club GSAP?

There are 3 main reasons anyone signs up for Club GSAP:

To get access to snazzy members-only plugins like MorphSVG, SplitText, ScrollSmoother, etc.
To get the special commercial license.
To support ongoing development efforts and cheer us on.

Learn more.

Try all bonus plugins for free!

https://gsap.com/trial

Need help?

Ask in the friendly GSAP forums. Or share your knowledge and help someone else - it's a great way to sharpen your skills! Report any bugs there too (or file an issue here if you prefer).

License

GreenSock's standard "no charge" license can be viewed at https://gsap.com/standard-license. Club GSAP members are granted additional rights. See https://gsap.com/licensing/ for details. Why doesn't GSAP use an MIT (or similar) open source license, and why is that a good thing? This article explains it all: https://gsap.com/why-license/

FAQs

What is gsap?

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-... Visit Snyk Advisor to see a full health score report for gsap, including popularity, security, maintenance & community analysis.

Is gsap popular?

The npm package gsap receives a total of 524,777 weekly downloads. As such, gsap popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is gsap well maintained?

We found indications that gsap maintenance is sustainable demonstrating some project activity. We saw a total of 0 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is gsap safe to use?

The npm package gsap was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 23 December-2024, at 22:05 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (524,777)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

GSAP (GreenSock Animation Platform)

Get Started

Docs & Installation

CDN

NPM

ScrollTrigger & ScrollSmoother

Using React?

Resources

What is Club GSAP?

Try all bonus plugins for free!

Need help?

License

FAQs

What is gsap?

Is gsap popular?

Is gsap well maintained?

Is gsap safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues