The libraries below each have great documentation and allow for a wide variety of interesting pages and apps.
- Pixi.js: A fast renderer like Flash (rip) that uses your GPU to quickly and efficiently update.
- D3.js: A powerful visualization tool with a wide array of uses, from fancy graphs to interactive displays.
- Anime.js: No not that anime. This is a lightweight library that lets you control css animations easily and to great effect.
- AOS: Animate on Scroll. A simple libray which lets you add neat animations to elements based on the scroll level of your page.
- Chart.js: For all of your graphing and data visualization needs.
- Cleave.js: Gives you great control over any input fields, leading to consistent data acquisition and intersting interactivity.
- P5.js: You can use P5 to make your own visuals or to allow the user to draw or manipulate shapes.
- Three.js: Create and animate 3D models.
- Bootstrap: Pre-built webpage elements for anything you can imagine.
- Leaflet.js: Let's you embed and interact with maps.
- AFrame: Create, model, and view anything for virtual reality.
- Choreographer.js: Another animation library with a focus on reacting to user input.
- fullPage: A tool for creating sleek scrolling movements in a single page app.
- Parsley: A tool for form validation, giving you greater control over user inputs and giving users a clear understanding of what they need to do.
- Popper: A small library that makes it easy to make pop-ups, dropdowns, tooltips, and any other dynamic label.
- Hammer: Make your site mobile-ready by giving you greater control over touch-based events and interactivity.
- Socket.io: A tool to help create chatrooms, multiplayer games, or anything else that requires constant 2-way communication.
- Currency.js: You may have heard of rounding erros in computing. This library allows you to do any math with money while maintaining perfect accuracy, and even allow operations like adding
'$1,500.50'
and1000
together. - MouseTrap: Don't think about the URL. With this you can set up keyboard shortcuts, including combinations like ctrl+s, easily. It's also very lightweight!
- Words to Numbers: Convert any written numbers into into actual numbers.
'One Thousand and Fifty point Two'
becomes1050.2
. Even handles spelling errors. - Devices.css: Templates for showing nearly any device on your webpage, like mobile phones and MacBooks. You can even dynamically set what is shown on the device screen.
- Sentinel.js: Adds just one thing: an event listener for when anything is added to the DOM. Honestly not much you can do with this on it's own.