Search Results for "animation"

mo · js is a javascript motion graphics library that is fast, retina-ready, modular, and open source. In comparison to other libraries, it has a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease. The library provides built-in components to start animating from scratch like HTML, shape, swirl, burst, and stagger, but also brings you tools to help craft your animation in the most natural way. Using mo · js on your site will enhance the user experience, enrich your content visually, and create delightful animations precisely.

Pt.js is an experimental JavaScript/TypeScript toolkit for generative visuals and interactive graphics. Built around the ideas of Point, Form, and Space, it provides entities for vectors, shapes, animations, and event handling. Suitable for visualizations, D3-like interactions, and creative coding experiments in browser or desktop.

...I suggest you use Dynamics's setTimeout and clearTimeout to handle these scenarios. Toggle a debug mode to slow down every animations and timeouts. This is useful for development mode to tweak your animation. This can be activated using Shift-Control-D in the browser.

Apparatus is a browser-based visual editor and programming environment that streamlines building interactive diagrams. Users draw shapes, flows, constraints, and attach behavior code-side. It combines visual design with real code, supporting live demos, exports, and embedding. Created by CDG Labs, it helps build educational and exploratory tools quickly.

oriDomi is a JavaScript library that visually "folds" DOM elements like paper, creating origami-style transitions using CSS transforms and JavaScript. Use your mouse or touch to manipulate the images on the website, or press the fold button to see a random effect. Create an OriDomi instance by passing your target element to the constructor. When creating a new OriDomi composition, you can pass a map of options as the second argument.

...It provides a visually engaging way to display counters, statistics, or values that update dynamically in dashboards and web apps. The library requires minimal setup—just drop in the script and apply the class to an element, then update the number to trigger the animation. It supports multiple themes and styles, all implemented with CSS so they are easy to customize. The animation is GPU-accelerated and designed to be smooth even for rapid updates. Odometer is often used in marketing sites, financial dashboards, and gamified interfaces where numeric feedback benefits from a touch of motion and polish.