/pulp

A list of JS libraries to add juiciness to your project

Pulp Logo

Pulp is a list of the best libraries to add some flair to your projects. Its the bounce and ease of animation, the haptic feedback on touch and the ripple on hover. These features don't necessarily provide core functionality to a project but add a level of polish which brings the experience to life. 👍

juice it or lose it

🎞️ Animation 🎞️

Tween.js JavaScript tweening engine for easy animations.

Anime.js Anime (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.

AOS Animate on scroll library.

Choreographer-js A simple library to take care of complex CSS animations.

🎨 Graphics 🎨

Ripple.js Adds Material style ripple to buttons.

P5.js A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing. You can see more at here.

Fabric.js Fabric provides interactive object model on top of canvas element. Fabric also has SVG-to-canvas (and canvas-to-SVG) parser.

🌈 Colour 🌈

Granim.js Create fluid and interactive gradients animations with this small (< 17 kB) js library.

PleaseJS JavaScript library for creating random pleasing colors and color schemes.

Gradient-string Beautiful color gradients in terminal output

🎵 Sounds 🎵

Tone.js A Web Audio framework for making interactive music in the browser.

Wavesurfer.js Navigable waveform built on Web Audio and Canvas.

Chime.js Quick and easy bleeps and bloops.

MiniMusic Draw a melody!

TinyMusic A simple, lightweight music synth/sequencer in JavaScript using the Web Audio API.

📊 Visualization 📊

D3.js Bring data to life with SVG, Canvas and HTML.

Chart.js Simple, clean and engaging charts for designers and developers.

Three.js JavaScript 3D library.

Blessed High level cli graphical (ncurses) library.

Premonish Predict which elements the user will interact next with.

Siriwave Siri like wave-forms.

🤖 Machine Learning 🤖

ML5.js A small parser to creat dynamic and interesting language/sentances.

🛠️ ️Build 🛠️

devmoji Devmoji is a command line tool that adds color 🌈 to conventional commits, using emojis inspired by Gitmoji 😜

❓ Misc ❓

Splain.js A small parser to creat dynamic and interesting language/sentances.

Multiple.js Sharing background across multiple elements using CSS.

Tinyfont.js Tiniest possible pixel font for your JS games.

Cleave.js Format inputs and forms (for example credit card formatting).

SweetAlert2.js Beautiful replacement for javascript's popup boxes.