Framer Motion
Lottie by Airbnb
Tailwind CSS
Anime.js
GSAP
Haiku Animator
React Transition Group
React Motion
Pixi.js
p5.js
Anime.js
D3.js
Three.js
Paper.js
Substance
Glottologist
Framer Motion Pixi.jsFramer Motion might be a bit more popular than Pixi.js. We know about 6 links to it since March 2021 and only 5 links to 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.
The two most popular choices now (circa Jan 2024) are React Transition Group, started in 2016, and Framer Motion, started in 2018. I'm not too familiar with the former, so this article solely dives into the workings of AnimatePresence from Framer Motion and how it's able to enable exit animations. - Source: dev.to / 4 months ago
FWIW, I built the site using amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more – so maybe you can refer to those to build something similar! Source: over 1 year ago
Not really – the globe was made with cobe.vercel.app, the graphs with airbnb.io/visx, the animations with framer.com/motion – all of which are really amazing open-source libraries! Source: over 1 year ago
Thank you so much! I can't take all the credits however – I'm building on top of the shoulder of giants/amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more! :). Source: over 1 year ago
Our animation functionality basically works now... there's just a slight problem. The animation looks terrible. Luckily, we can use Variants in Framer Motion to solve our problem. - Source: dev.to / about 2 years 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 / 26 days 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 1 year 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 1 year ago
This has a high risk of being confused with pixi.js: https://github.com/pixijs/pixijs. - Source: Hacker News / over 2 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 3 years ago
Lottie by Airbnb - Easily add high-quality animation to any native app
p5.js - JS library for creating graphic and interactive experiences
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Anime.js - Lightweight JavaScript animation library
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.
GSAP - GSAP (GreenSock Animation Platform) is a suite of JavaScript tools for high-performance animations that work in all major browsers.
