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.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use License.

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.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

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!

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

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.

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, an...

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, and Presentation Templates (97% Off)

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.

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

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.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

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.

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

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.

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

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.

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more...

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more, Includes certificate of completion! Become a Web Development Ninja for Just $17! (94% off)

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.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% 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.

Massive 528+ Branding Templates Bundle, Only $19! Ai, PSD, & InDesign File Formats, Print Ready, 44 Complete Branding Packs in 1 With 98% Discount!

Massive 528+ Branding Templates Bundle, Only $19! Ai, PSD, & InDesign File Formats, Print Ready, 44 Complete Branding Packs in 1 With 98% Discount!

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.

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Mu...

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Much More!

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.

Lifetime Access: 160+ Courses & Future Releases, only $29! Coding, Web, Graphic & Game Design, App Development, Advanced Programming For Beginners ...

Lifetime Access: 160+ Courses & Future Releases, only $29! Coding, Web, Graphic & Game Design, App Development, Advanced Programming For Beginners & Professionals (99% Off)

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.

A complete toolkit to create photorealistic vintage typographic & lettering scenes, including high-resolution assets, like rendered lightbulbs, bac...

A complete toolkit to create photorealistic vintage typographic & lettering scenes, including high-resolution assets, like rendered lightbulbs, backgrounds, textures and over 60 display grunge & script color fonts.

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.

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!

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.

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty Free.

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty Free.

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.