awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
michaelvillar avatar

michaelvillar/dynamics.js

0
View on GitHub↗
7,573 stars·412 forks·CoffeeScript·24 viewsdynamicsjs.com↗

Dynamics.js

dynamics.js is a physics-based JavaScript animation engine designed to create spring and bounce animations. It utilizes the browser animation frame loop to ensure motion is synchronized with the refresh rate.

The engine includes tools for animation debugging, allowing users to slow down or freeze active motions to tune parameters. It also features a timing mechanism that executes callbacks synchronized with the animation frame rate to prevent visual stuttering.

The project provides a physics solver based on mass, stiffness, and damping constants. Additionally, it includes a utility for applying CSS styles with automatic vendor prefixing to maintain visual compatibility across different web browsers.

Features

  • Physics-Based Animations - Enables realistic motion using spring, bounce, and easing functions to simulate physical dynamics.
  • Spring Physics - Calculates object positions using mass, stiffness, and damping constants to simulate oscillation.
  • Animation Frame Synchronization - Schedules callbacks and timeouts aligned with the browser animation loop to prevent stuttering.
  • Frame Callbacks - Queues delayed functions that execute during the animation loop to prevent drift between timers and rendering.
  • Animation Loops - Synchronizes animation updates and timers to the browser refresh rate for smooth motion.
  • Animation Frame Timers - Implements timing mechanisms that execute callbacks synchronized with the browser's animation frame loop.
  • Physics-Based Animation Libraries - A physics-based motion library for creating spring and bounce animations using the browser frame loop.
  • Motion Parameter Debugging - Includes utilities to slow down active animations for precise identification and adjustment of motion parameters.
  • Animation Debugging Tools - Allows slowing down active motion and timing events to identify and fix visual glitches.
  • Simulation Time Scaling - Modifies delta time to slow down or speed up motion for debugging purposes.
  • Animation Controls - Provides programmatic methods to halt and freeze the current state of active animations.
  • Animation and Motion - Physics-based CSS animation library.
  • Animations and Motion - Creates physics-based CSS animations.
  • Miscellaneous Tools - Library for physics-based web animations.

Star history

Star history chart for michaelvillar/dynamics.jsStar history chart for michaelvillar/dynamics.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Dynamics.js

These projects share indexed features with Dynamics.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • react-spring/react-springreact-spring avatar

    react-spring/react-spring

    29,110View on GitHub↗

    react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state. The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle. The framework covers physics-based motion and state-driven t

    TypeScript
    View on GitHub↗29,110
  • julianshapiro/velocityjulianshapiro avatar

    julianshapiro/velocity

    17,217View on GitHub↗

    Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a CSS property interpolator and a spring physics engine, enabling the creation of smooth visual transitions and organic movement for web elements. The project provides a programmatic interface for modifying vector attributes and 3D transformations through its SVG animation framework. It further distinguishes itself as an animation sequence orchestrator, allowing for the chaining of movements and the staggering of start times across multiple elements using promises. The library c

    JavaScript
    View on GitHub↗17,217
  • streamich/react-usestreamich avatar

    streamich/react-use

    43,974View on GitHub↗

    react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen

    TypeScript
    View on GitHub↗43,974
  • attackondobby/ios-core-animation-advanced-techniquesAttackOnDobby avatar

    AttackOnDobby/iOS-Core-Animation-Advanced-Techniques

    4,489View on GitHub↗

    This project is a technical guide and implementation library for advanced visual effects and hardware-accelerated animations using the Core Animation framework on iOS. It provides a comprehensive reference for creating high-performance motion graphics, custom graphic rendering, and the construction of 3D engines using perspective transforms and Z-axis manipulation. The collection distinguishes itself through a deep focus on GPU rendering optimization and graphics performance. It covers advanced strategies to maintain high frame rates, such as reducing offscreen rendering via shadow path optim

    View on GitHub↗4,489
Compare all 30 related projects→

Frequently asked questions

What does michaelvillar/dynamics.js do?

dynamics.js is a physics-based JavaScript animation engine designed to create spring and bounce animations. It utilizes the browser animation frame loop to ensure motion is synchronized with the refresh rate.

What are the main features of michaelvillar/dynamics.js?

The main features of michaelvillar/dynamics.js are: Physics-Based Animations, Spring Physics, Animation Frame Synchronization, Frame Callbacks, Animation Loops, Animation Frame Timers, Physics-Based Animation Libraries, Motion Parameter Debugging.

Which projects share features with michaelvillar/dynamics.js?

Projects with overlapping indexed features include: react-spring/react-spring — react-spring is a declarative animation framework for React that drives visual transitions through state-driven… julianshapiro/velocity — Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a… streamich/react-use — react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It… attackondobby/ios-core-animation-advanced-techniques — This project is a technical guide and implementation library for advanced visual effects and hardware-accelerated… rstacruz/jquery.transit — This project is a jQuery plugin and animation extension that enables hardware-accelerated CSS3 transitions and… greensock/gsap — GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and…