Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mog13/pulp

A list of JS libraries to add juiciness to your project
https://github.com/mog13/pulp

hacktoberfest hacktoberfest2021

Last synced: 8 days ago
JSON representation

A list of JS libraries to add juiciness to your project

Awesome Lists containing this project

README

        

![Pulp Logo](./pulp.png)
>_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._
:+1:

[![juice it or lose it](https://img.youtube.com/vi/Fy0aCDmgnxg/0.jpg)](https://www.youtube.com/watch?v=Fy0aCDmgnxg)

## 🎞️ Animation 🎞️

**[Tween.js](https://github.com/tweenjs/tween.js/)**
JavaScript tweening engine for easy animations.

**[Anime.js](https://github.com/juliangarnier/anime)**
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](https://github.com/michalsnik/aos)**
Animate on scroll library.

**[Choreographer-js](https://github.com/christinecha/choreographer-js)**
A simple library to take care of complex CSS animations.

## 🎨 Graphics 🎨

**[Ripple.js](https://github.com/jakiestfu/Ripple.js)**
Adds Material style ripple to buttons.

**[P5.js](https://github.com/processing/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](https://p5js.org).

**[Fabric.js](https://github.com/fabricjs/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](https://github.com/sarcadass/granim.js)**
Create fluid and interactive gradients animations with this small (< 17
kB) js library.

**[PleaseJS](https://github.com/Fooidge/PleaseJS)**
JavaScript library for creating random pleasing colors and color schemes.

**[Gradient-string](https://github.com/bokub/gradient-string)**
Beautiful color gradients in terminal output

## 🎡 Sounds 🎡

**[Tone.js](https://github.com/Tonejs/Tone.js)**
A Web Audio framework for making interactive music in the browser.

**[Wavesurfer.js](https://github.com/katspaugh/wavesurfer.js)** Navigable waveform built on Web Audio and Canvas.

**[Chime.js](https://github.com/mog13/chime)** Quick and easy bleeps and bloops.

**[MiniMusic](https://github.com/xem/miniMusic)** Draw a melody!

**[TinyMusic](https://github.com/kevincennis/TinyMusic)** A simple, lightweight music synth/sequencer in JavaScript using the Web Audio API.

## πŸ“Š Visualization πŸ“Š

**[D3.js](https://github.com/d3/d3)** Bring data to life with SVG, Canvas and HTML.

**[Chart.js](https://github.com/chartjs)** Simple, clean and engaging charts for designers and developers.

**[Three.js](https://github.com/mrdoob/three.js/)** JavaScript 3D library.

**[Blessed](https://github.com/chjj/blessed)** High level cli graphical (ncurses) library.

**[Premonish](https://mathisonian.github.io/premonish/)** Predict which elements the user will interact next with.

**[Siriwave](http://kopiro.github.io/siriwave/)** Siri like wave-forms.

## πŸ€– Machine Learning πŸ€–

**[ML5.js](https://github.com/ml5js/ml5-library)**
A small parser to creat dynamic and interesting language/sentances.

## πŸ› οΈ ️Build πŸ› οΈ
️
**[devmoji](https://github.com/folke/devmoji)**
Devmoji is a command line tool that adds color 🌈 to conventional commits, using emojis inspired by Gitmoji 😜

## ❓ Misc ❓

**[Splain.js](https://github.com/mog13/Splain)**
A small parser to creat dynamic and interesting language/sentances.

**[Multiple.js](https://github.com/NeXTs/Multiple.js)**
Sharing background across multiple elements using CSS.

**[Tinyfont.js](https://github.com/darkwebdev/tinyfont.js)** Tiniest possible pixel font for your JS games.

**[Cleave.js](https://nosir.github.io/cleave.js/)** Format inputs and forms (for example credit card formatting).

**[SweetAlert2.js](https://sweetalert2.github.io/)** Beautiful replacement for javascript's popup boxes.