GSAP
Anime.js
Three.js
p5.js
Animate.css
Velocity.js
Sencha Animator
Mixeek
Pixi.js
Anime.js
p5.js
D3.js
Three.js
Paper.js
Substance
Konva
GSAP Pixi.jsBased on our record, GSAP seems to be a lot more popular than Pixi.js. While we know about 79 links to GSAP, we've tracked only 5 mentions of Pixi.js. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
I'm using a component-based framework (like Astro) along with Tailwind CSS classes and GSAP to build our animation experience. Here’s a quick overview of our file structure:. - Source: dev.to / 3 months ago
You can use web technologies directly themselves to create very rich animations for the web. Sometimes only CSS alone is all you need. Many examples online. Sometimes a library like Motion or GASP can help speed web animations. - Source: dev.to / 4 months ago
GSAP stands as the gold standard for web animations. This JavaScript animation library offers unprecedented control over HTML elements, SVGs, and Canvas animations. What sets GSAP apart is its exceptional performance and cross-browser compatibility. Whether you're creating simple transitions or complex, timeline-based animations, GSAP provides a robust API that makes smooth, professional animations achievable... - Source: dev.to / 5 months ago
GSAP[1] is pretty much the industry standard, I think. You have to pay for some of its more advanced features. There's also Anime.js[2] and Scene.js[3] - but I've never played with them so can't vouch for their usefulness. Both have had code updates in the past year. (Self-promotion time) I had a lot of fun adding an animation/tween system to my canvas library[4] a while back. Building out the code to run such... - Source: Hacker News / 9 months ago
GSAP: Animate anything with javascript. - Source: dev.to / 10 months ago
If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten... - Source: dev.to / about 1 year ago
I would need a renderer to display the graphics of my calculations on the "backend". After some research I think pixijs which is written in TS could be a great tool. Source: about 2 years ago
And if that seems to up your alley you could look into Javascript game/renderer frameworks. They have 2D engines like https://github.com/photonstorm/phaser or https://github.com/pixijs/pixijs . Or my personal choice A-Frame which is a 3D, AR and VR engine (XR) https://github.com/aframevr/ . Source: over 2 years ago
This has a high risk of being confused with pixi.js: https://github.com/pixijs/pixijs. - Source: Hacker News / over 3 years ago
WebGL, I hear, has a similar API to OpenGL. (Also, WebGPU is coming at some point.) Or, you could use a thin library that handles the WebGL drawing of sprites for you. I prefer that option over using a full game engine: I find it's better to only include dependencies when they become necessary. I recently tried a web rendering library called PixiJS, and it seemed like a pretty clean and nice-sized API, and... Source: almost 4 years ago
Anime.js - Lightweight JavaScript animation library
Three.js - A JavaScript 3D library which makes WebGL simpler.
p5.js - JS library for creating graphic and interactive experiences
D3.js - D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
Animate.css - Animate.css is a cross-browser library of CSS animations.
Velocity.js - Velocity is a JavaScipt animation engine.
