JavaScript Animation Libraries | Bypeople

deals

premiumpacks & javascript animation libraries (53 items)

A collection of JavaScript animation libraries and plugins based on pure JS as well as several frameworks such as jQuery and ReactJS for web elements in CSS, HTML, DOM, JSON, SVG, and alike assets.

freebies

A scroll animation library, written with the aim to provide performance and lightweight solution for animated elements on page scroll action. It’s ...

A scroll animation library, written with the aim to provide performance and lightweight solution for animated elements on page scroll action. It’s based on the Intersection Observer, which gives amazing performance in terms of checking the element’s presence in viewport. Created by Mirosław Ciastek, licensed under the MIT License.

ScrollOut is a tiny JavaScript library that detects changes in the scroll action, animating or revealing elements as they scroll into view using CS...

ScrollOut is a tiny JavaScript library that detects changes in the scroll action, animating or revealing elements as they scroll into view using CSS. It is a super lightweight 1KB library minified and gzipped. Shared by the Scroll-Out team on GitHub, licensed under the MIT license.

A mobile library for Android and iOS that parses Adobe After Effects animations and exports them as JSON with Bodymovin and renders them natively o...

A mobile library for Android and iOS that parses Adobe After Effects animations and exports them as JSON with Bodymovin and renders them natively on mobile and on the web. It allows designers to create beautiful animations without an engineer painstakingly recreating it by hand.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

A small vanilla WebGL javascript library that converts HTML elements containing images into 3D WebGL textured planes, allowing you to animate them ...

A small vanilla WebGL javascript library that converts HTML elements containing images into 3D WebGL textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages. The library was created by Martin Laxenaire and is released under the MIT license.

Micron.js is a JavaScript micro-interactions library for creating CSS element animations, the overall interactive behavior is controlled with JavaS...

Micron.js is a JavaScript micro-interactions library for creating CSS element animations, the overall interactive behavior is controlled with JavaScript, you just need to include the micron.min.css and micron.min.js to have all ready to use animations or by simply selecting the needed interaction and including it via .min.css file. Also, Micron.js can be included in your project using your favorite package manager. This library was created by Webkul Software.

Delighters.js is a lightweight, declarative, flexible, zero-dependency JavaScript scroll-triggered animation library that toggles class names as yo...

Delighters.js is a lightweight, declarative, flexible, zero-dependency JavaScript scroll-triggered animation library that toggles class names as you scroll. The library lets you apply interactive animations to any element when they become visible in the viewport. Supports both mobile and desktop devices. Simply add the ‘data-delighter’ attribute to your elements, apply your own CSS3 animations to the element, you can also specify the scroll position (start/stop threshold) at which you want to trigger the animation in the ‘data-delighter’ attribute. It Degrades gracefully to your default styling. Developed by Martin Kool.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

Popmotion gives the power of JavaScript merged with the simplicity of CSS to make declarative animations easily on your HTML, SVG and React project...

Popmotion gives the power of JavaScript merged with the simplicity of CSS to make declarative animations easily on your HTML, SVG and React projects. Its API implement semantics to make easier work with different JavaScript flavors and propose a library of custom animation to enhance your workflow pace.

A small collection of javascript text animations featuring goodies like jumping text, bouncing text, center wipe, and a couple more neat anima...

A small collection of javascript text animations featuring goodies like jumping text, bouncing text, center wipe, and a couple more neat animation effects. Created by Codepen user kitton.

Popmotion is a lightweight Javascript library for motion, animation, and interaction developers, featuring a wide array of animations and functions...

Popmotion is a lightweight Javascript library for motion, animation, and interaction developers, featuring a wide array of animations and functions essential to creating great looking animated interfaces. Pick and choose any part of Popmotion by importing modules individually, or take the full library which only weights 11.5kb!

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multi...

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multimedia Icons.

A flexible JavaScript library used to create basic animation. It works with CSS, individual Transforms, SVG, DOM attributes and JS Objects. Feature...

A flexible JavaScript library used to create basic animation. It works with CSS, individual Transforms, SVG, DOM attributes and JS Objects. Features the ability to chain multiple animation properties, synchronize multiple instances together, playback controls to play, pause, restart, seek animations or timelines, CSS transforms for animating CSS transforms individually. Multiple animated targets can have individual value. SVG Animations motion path, line drawing, and morphing animations. Easing functions use the built-in functions or create your own Cubic Bézier curve easing. 

t scroll JavaScript library allows you to apply more than 45 cool animations to any elements when they appear in the viewport. Built in Gulp, the l...

t scroll JavaScript library allows you to apply more than 45 cool animations to any elements when they appear in the viewport. Built in Gulp, the library features full step by step instructions for use, easily set up with node.js, uses ES6/Babel, precompiled CSS and vanilla SASS, and it is completely cross-browser compatible.

A complete library for React, Android and iOS to create compelling and beautifully styled animations. It works by rendering After Effects animation...

A complete library for React, Android and iOS to create compelling and beautifully styled animations. It works by rendering After Effects animations in real time, letting mobile apps use these animations easily without worrying about loading times.

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, ...

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, limited-time offer.

This is a collection of animations for CSS-in-JS libraries from animate.css. They can be used with any inline style library that supports using obj...

This is a collection of animations for CSS-in-JS libraries from animate.css. They can be used with any inline style library that supports using objects to define keyframe animations, such as Radium or Aphrodite.

A simple library to take care of complex CSS animations. It can also add custom functions that do non-CSS animations. To use it simply install the ...

A simple library to take care of complex CSS animations. It can also add custom functions that do non-CSS animations. To use it simply install the package via npm or include the file as a script.

Granim.js allows the user to create fluid and interactive gradient animations. It has the option to make gradients with colors or images.

Granim.js allows the user to create fluid and interactive gradient animations. It has the option to make gradients with colors or images.

Over 50 high-quality Tri-Fold templates, coming in Adobe Illustrator & InDesign formats. Easy edition and replacement of items. Only $14, limited-o...

Over 50 high-quality Tri-Fold templates, coming in Adobe Illustrator & InDesign formats. Easy edition and replacement of items. Only $14, limited-offer.

A transitional animation that showcases a variety of famous devices changing shapes within one another. Utilizes SVG resources and JS for the anima...

A transitional animation that showcases a variety of famous devices changing shapes within one another. Utilizes SVG resources and JS for the animation.

A simple JavaScript library for exporting creations made in Adobe After Effects to SVG, canvas and HTML. It installs as an extension within After E...

A simple JavaScript library for exporting creations made in Adobe After Effects to SVG, canvas and HTML. It installs as an extension within After Effects, and it works by opening a panel with a Composition's tab, selecting the composition you need to export and finally selecting the destination folder.

React D3 is a library made in JavaScript that allows developers to use D3 within React to manipulate graphical elements. The advantage of this is t...

React D3 is a library made in JavaScript that allows developers to use D3 within React to manipulate graphical elements. The advantage of this is that you can harness the power of React with the flexibility of D3 by compiling your code into React components. D3 also helps you automate scaling ranges, normalize data and construct legends.

Lifetime Web Hosting Plan & 3 Years Unlimited Plan, Stackable Deal To Power Your Websites for Just $39.99 & $59.99!

Lifetime Web Hosting Plan & 3 Years Unlimited Plan, Stackable Deal To Power Your Websites for Just $39.99 & $59.99!

AOS is a CSS3 driven scroll animation library useful to animate elements on any website while the scroll is going on. It works in any direction eit...

AOS is a CSS3 driven scroll animation library useful to animate elements on any website while the scroll is going on. It works in any direction either while scrolls down or up.

A JavaScript library to help you simplify the SVG animation process and used as an extension of SnapSVG (a JavaScript SVG library), including a com...

A JavaScript library to help you simplify the SVG animation process and used as an extension of SnapSVG (a JavaScript SVG library), including a complete documentation, examples, GitHub repo, and it is easy to include in your project.

An amazing library for tweening and animating HTML5 and JavaScript properties allowing you to apply easing and delais, do mltiple-tween sequences, ...

An amazing library for tweening and animating HTML5 and JavaScript properties allowing you to apply easing and delais, do mltiple-tween sequences, as well as handling numeric or non-numeric properties, and more.

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator...

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator. Only $14!

Adobe web platform's useful library provides you with clean, streamlined, intuitive, and powerful API for animating and manipulating both your own ...

Adobe web platform's useful library provides you with clean, streamlined, intuitive, and powerful API for animating and manipulating both your own SVG content and Snap generated SVG content.

A full-featured library for web site elements animation developed in pure JavaScript allowing you to feature parallax backgrounds as well as elemen...

A full-featured library for web site elements animation developed in pure JavaScript allowing you to feature parallax backgrounds as well as element transforms, light dimming, easing effects, and more.

SpiritJS is a JavaScript library that allows you to create utterly appealing animations counting on full timeline control, import and export JSON f...

SpiritJS is a JavaScript library that allows you to create utterly appealing animations counting on full timeline control, import and export JSON files, inspect animations, high-performance by aiming GPU, an interactive and intuitive UI, and much more.

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

React Motion is a JavaScript library for handling animations easily. It helps you create and manipulate simple transitions, draggable elements, lis...

React Motion is a JavaScript library for handling animations easily. It helps you create and manipulate simple transitions, draggable elements, list transitions, photo galleries, draggable range pickers, water-like ripples and draggable lists.

Basic and smooth 3D hover effect made with CSS and a little bit of JS, a direction sensitive cube that flips from the direction of the cursor to th...

Basic and smooth 3D hover effect made with CSS and a little bit of JS, a direction sensitive cube that flips from the direction of the cursor to the center.

Terra is quite a unique JavaScript library that provides you with methods and functions completely ready to create creatures and or environment obj...

Terra is quite a unique JavaScript library that provides you with methods and functions completely ready to create creatures and or environment objects and let them interact with each other. Some examples are provided too.

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a l...

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a limited-time only $9 USD!

ScrollReveal is a JavaScript library that allows you to generate animations on scroll events handling HTML elements' style parameters.

ScrollReveal is a JavaScript library that allows you to generate animations on scroll events handling HTML elements' style parameters.

An amazing JavaScript library for animations on the web featuring nice and perfectly suited sound effects that boost your web elements to a differe...

An amazing JavaScript library for animations on the web featuring nice and perfectly suited sound effects that boost your web elements to a different level of animation.

Popmotion is a 12kb JavaScript motion engine that can be used for animation, physics-like responsiveness and input tracking.

Popmotion is a 12kb JavaScript motion engine that can be used for animation, physics-like responsiveness and input tracking.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

Spectacle is an open source JavaScript library based on ReactJS for making online presentations featuring very smooth combinable transitions, user ...

Spectacle is an open source JavaScript library based on ReactJS for making online presentations featuring very smooth combinable transitions, user interaction, full-width adjustable opacity background imagery, among others. It was made by formidablelabs and it is under an MIT License.

Dynamics.js is a JavaScript library that applies physics to animations. It can create different types of animations like spring, bounce, gravity, b...

Dynamics.js is a JavaScript library that applies physics to animations. It can create different types of animations like spring, bounce, gravity, bezier, easy in-out and more. You can apply the results to any design element, basically. The library can be installed via NPM or Bower and it was made by Michaël Villar.

A library in JavaScript to morphing DOM elements from one state to another with smooth transitions. It is quick to install, and you can generate di...

A library in JavaScript to morphing DOM elements from one state to another with smooth transitions. It is quick to install, and you can generate different types of animations, like transforming shapes into images, apply colors and more.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

A library made in CSS and JavaScript for animating elements and creating cool transitions between blocks. It can be used in different situations fo...

A library made in CSS and JavaScript for animating elements and creating cool transitions between blocks. It can be used in different situations for enhancing the appearance of your website or navigate between pages mobile applications. This plugin is licensed under MIT.

Animate Plus is a JavaScript library for animating CSS properties and SVG attributes. It helps you generate quick UI interactions and longer animat...

Animate Plus is a JavaScript library for animating CSS properties and SVG attributes. It helps you generate quick UI interactions and longer animation sequences. It was created by Benjamin De Cock.

iconate.js is an animation library for icons made in JavaScript and CSS, allowing to transform one icon into other. It uses Font Awesome icons, but...

iconate.js is an animation library for icons made in JavaScript and CSS, allowing to transform one icon into other. It uses Font Awesome icons, but it also can use Glyphicons. It was made by Jignesh Kakadiya.

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and gree...

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and greenery, gems, crystals and minerals, plant vector line art, decorative horns, antlers and arrows, and much more! Only $14!

A plugin made in jQuery to make CSS3 animations that include HTML5 data attributes. With it you can lay out your animation steps by time (in second...

A plugin made in jQuery to make CSS3 animations that include HTML5 data attributes. With it you can lay out your animation steps by time (in seconds), percentages, or both, you don't need to use more @keyframes or browser prefixing and add multiple animations simultaneously in one element.

Bounce.js is a simple JS library that lets you create CSS3 powered animations. With it you can add spins, jelly and clock effects, road runner moti...

Bounce.js is a simple JS library that lets you create CSS3 powered animations. With it you can add spins, jelly and clock effects, road runner motion and many more to any element on your website. It was created by Tictail.

A simple plugin for animating all kinds of elements at a time. It uses CSS transforms and 3d-transforms along with Javascript to create animations....

A simple plugin for animating all kinds of elements at a time. It uses CSS transforms and 3d-transforms along with Javascript to create animations. It weighs 5k gzipped, it's free and it was created by Yehor Lvivski.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

An animation engine that works with or without jQuery. It's fast, and it features color animation, transforms, loops, easings, SVG support, and scr...

An animation engine that works with or without jQuery. It's fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. The library is compatible with modern browsers. It was created Julian Shapiro and it is free to use and implement in your next project.

A library made in JavaScript for animating HTML elements with the minimal requirements. It is fast, easy to use, and you can animate more with less...

A library made in JavaScript for animating HTML elements with the minimal requirements. It is fast, easy to use, and you can animate more with less coding. It does not handle colors, padding, margin or line height animations. This library can be downloaded for free and used in any project. It was created Daniel Lundin.

Tweene is a JavaScript library proxy that allows you to control and switch between several types of different JS libraries, created for multiple pu...

Tweene is a JavaScript library proxy that allows you to control and switch between several types of different JS libraries, created for multiple purposes. It is a great way for avoiding so much coding, providing flexibility and stability in the process. It works with GSAP, Velocity.js, Transit (CSS transitions) and jQuery.

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace ea...

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace easily every detail. Temporal promo!

A library that helps you create canvas and DOM animations with the help of JavaScript. It also uses CSS animations for modern browsers. With it you...

A library that helps you create canvas and DOM animations with the help of JavaScript. It also uses CSS animations for modern browsers. With it you can create animated graphs, confetti, tweening Octocat, iOS7 riff (JavaScript DOM animation); you can even make pie charts.

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close ...

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close to another, it creates a smooth connector that illuminates the more the closest the two dots get from one another. It was created with a bit CSS for styling.

A swipeable cards interface. It is a swipe-left / swipe-right for yes and no input as seen in apps like Jelly and Tinder. To use it, just drag the ...

A swipeable cards interface. It is a swipe-left / swipe-right for yes and no input as seen in apps like Jelly and Tinder. To use it, just drag the cards out of the stack, and into the stack again. If you drag to little, the cards come into place until you do that correctly.

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

AniJS is a cool JavaScript library for interacting with UI elements without worrying about coding. It was crafted for designers, so the semantics a...

AniJS is a cool JavaScript library for interacting with UI elements without worrying about coding. It was crafted for designers, so the semantics are written in plain english, so anyone can understand.

Prezento is a jQuery plugin that allows you to exhibit your responsive web designs across several devices as well as giving your visitor control ov...

Prezento is a jQuery plugin that allows you to exhibit your responsive web designs across several devices as well as giving your visitor control over the scrolling of your web design.

jQuery-animations is an animations framework made with jQuery that work in any browser making use of CSS3. By using it, you will be sure your anima...

jQuery-animations is an animations framework made with jQuery that work in any browser making use of CSS3. By using it, you will be sure your animation works in every browser, and also that it will look the same in every one of them. There are animations like fades, shake, bounce, slide, fly, rotate, zoom, scale and flip. GitHub's user emn178 created this experiment, allowing it to be downloaded for free.

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commerci...

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commercial Use

bricklr is a JavaScript code snippet that lets you create brick-wall effects in different styles. You can build regular blocks with random colors, ...

bricklr is a JavaScript code snippet that lets you create brick-wall effects in different styles. You can build regular blocks with random colors, pattern repetition, circular bricks, particular and multicolor color, big and small, and many more. You can modify whatever you want by typing different values to the code.

​Particleground is a compelling jQuery plugin for snazzy background particle systems. It includes an optional parallax effect controlled by the mou...

​Particleground is a compelling jQuery plugin for snazzy background particle systems. It includes an optional parallax effect controlled by the mouse on desktop machines and gyroscope on mobile devices. Also, it works in any browser that supports HTML5 canvas.

The GreenSock Animation Platform is a suite of tools for scripted animation counting on 4 main ones; TweenLite for animation handling through objec...

The GreenSock Animation Platform is a suite of tools for scripted animation counting on 4 main ones; TweenLite for animation handling through object properties, TweenMax for boosting Tweenlite with non-essentials like repeat, delays, and more, TimelineLite for sequencing actions precisely relating the timing between them allowing even timeline nesting and workflow modulation, and last but not least, TimelineMax which extends TimelineLite with non-essentials too.

Excel Master Certification Bundle, Only $39! 280+ Lessons, 8 In-Depth Courses. Earn Internationally Recognized CPD-Certified Diplomas!

Excel Master Certification Bundle, Only $39! 280+ Lessons, 8 In-Depth Courses. Earn Internationally Recognized CPD-Certified Diplomas!

Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTM...

Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML5 canvas and DOM.Collie can stably process multiple objects using rendering pipelines and supports useful features including sprite animation and user events. Stable support for iOS and Android, and renders with an optimized method for each platform.

Transit is a super smooth CSS-like transitions & transformations library for jQuery allowing you to handle UI elements' opacity, margins, position,...

Transit is a super smooth CSS-like transitions & transformations library for jQuery allowing you to handle UI elements' opacity, margins, position, rotation, scale, skewing, 3D transforms, eases, and a lot more features.