# Javascript Libraries

### Javascript Animation Libraries

> javascript animations libraries to build awesome animations for websites and applications

| Website                                                                 | Description                                                                                                                                |
| ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| [Greensock](https://greensock.com/)                                     | A JavaScript library for building high-performance animations that work in every major browser                                             |
| [Velocity.js](http://velocityjs.org/)                                   | Velocity is a lightweight animation engine with the same API as jQuery's $.animate()                                                       |
| [lax.js](https://github.com/alexfoxy/laxxx)                             | Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!                                   |
| [Rellax.js](https://github.com/dixonandmoe/rellax)                      | A buttery smooth, super lightweight, vanilla javascript parallax library                                                                   |
| [three.js](https://github.com/mrdoob/three.js/)                         | An easy to use, lightweight, 3D library with a default WebGL renderer.                                                                     |
| [wow.js](https://wowjs.uk/)                                             | Reveal Animations When You Scroll.                                                                                                         |
| [chocolat.js](http://chocolat.insipi.de/)                               | Free lightbox plugin.                                                                                                                      |
| [Animate On Scroll](https://michalsnik.github.io/aos/)                  | Animate on scroll library to reveal animations when You scroll.                                                                            |
| [Tilt.js](http://gijsroge.github.io/tilt.js/)                           | A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.                                             |
| [Roughnotation](https://roughnotation.com/)                             | Rough Notation is a small JavaScript library to create and animate annotations on a web page                                               |
| [tsParticles](https://particles.matteobruni.it/)                        | A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js                               |
| [Particles.js](https://vincentgarreau.com/particles.js/)                | A lightweight JavaScript library for creating particles                                                                                    |
| [mo.js](https://mojs.github.io/)                                        | The motion graphics toolbelt for the web                                                                                                   |
| [Lightbox2](https://lokeshdhakar.com/projects/lightbox2/)               | A small JS library to overlay images on top of the current page.                                                                           |
| [Slick](https://kenwheeler.github.io/slick/)                            | Fully responsive carousel                                                                                                                  |
| [barba.js](https://barba.js.org/)                                       | Create fluid and smooth transitions between your website’s pages.                                                                          |
| [Locomotive Scroll](https://locomotivemtl.github.io/locomotive-scroll/) | A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax.                                  |
| [Owl carousel](https://owlcarousel2.github.io/OwlCarousel2/)            | Free responsive jQuery carousel                                                                                                            |
| [Swiperjs](https://swiperjs.com/)                                       | Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.          |
| [Splide](https://splidejs.com)                                          | Free, pure JS library for carousels and sliders                                                                                            |
| [Simple Parallax](https://simpleparallax.com/)                          | The easiest way to get a parallax effect with javascript                                                                                   |
| [KUTE.js](https://thednp.github.io/kute.js/)                            | KUTE.js is a JavaScript animation engine for modern browsers.                                                                              |
| [Granim.js](https://sarcadass.github.io/granim.js/index.html)           | Create fluid and interactive gradient animations with this small javascript library.                                                       |
| [Popmotion](https://popmotion.io/)                                      | Simple animation libraries for delightful user interfaces.                                                                                 |
| [Vivus](https://maxwellito.github.io/vivus/)                            | Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. |
| [Typed.js](https://mattboldt.com/demos/typed-js/)                       | A JavaScript Typing Animation Library.                                                                                                     |
| [Progress Bar.js](https://kimmobrunfeldt.github.io/progressbar.js/)     | Responsive and slick progress bars with animated SVG paths.                                                                                |

### Javascript Chart Libraries

> Libraries that help developers visualize data into charts

| Website                                               | Description                                                                                |
| ----------------------------------------------------- | ------------------------------------------------------------------------------------------ |
| [ChartJS](https://www.chartjs.org/)                   | Simple yet flexible JavaScript charting for designers & developers                         |
| [FrappeJS](https://frappe.io/charts)                  | Includes Green squares grid like in GitHub, and other charts to use.                       |
| [G2Plot](https://g2plot.antv.vision/en)               | G2Plot is an interactive and responsive charting library based on the grammar of graphics. |
| [Google Charts](https://developers.google.com/chart/) | Get the experience from Google to create similar charts that Google uses.                  |
| [Data Driven Documents (D3)](https://d3js.org/)       | Bind complicated and massive data to interactive graphs.                                   |
| [ApexCharts.Js](https://apexcharts.com/)              | Modern & Interactive Open-source Charts                                                    |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://devresources.gitbook.io/devresources/contents/javascript-libraries.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
