A JavaScript library for super fast physics simulations with spring, gravity, friction, and bounce effects.
gravitas.js is a JavaScript library that provides super fast physics simulations for web animations and interactions. It solves the problem of creating realistic, natural-feeling motion in web applications by offering optimized implementations of spring, gravity, friction, and bounce physics that can be easily integrated into UI components.
Frontend developers and UI engineers who need to implement physics-based animations for web applications, particularly those building interactive components like scrolling lists, animated buttons, draggable elements, and gesture-based interfaces.
Developers choose gravitas.js for its focused approach to physics simulations, offering better performance than general-purpose animation libraries while providing the specific physics models needed for realistic UI motion without unnecessary complexity or dependencies.
Super fast physics simulations for JavaScript
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Engineered for real-time animations with minimal overhead, as demonstrated in live examples like scrolling lists and gesture interfaces that run smoothly even on mobile.
Offers a minimal set of simulations—springs, gravity, friction, bounce—without bloat, making it ideal for targeted UI enhancements without unnecessary complexity.
Allows combining effects like gravity with springs for soft landings, enabling complex behaviors from simple building blocks, as seen in the Fall simulation example.
Includes ready-to-use examples for common scenarios such as buttons, dialogs, and scrolling, reducing integration time and providing clear implementation patterns.
Usage instructions are linked to an external article, and the README lacks detailed API references or tutorials, making onboarding and debugging challenging for new users.
As a niche library, it has a smaller ecosystem and fewer resources for troubleshooting or plugins compared to larger animation libraries like GreenSock or anime.js.
Achieving desired effects often requires fine-tuning physics parameters like tension and damping, which can be non-intuitive and time-consuming without guided examples.