Software Alternatives & Reviews

p5.js VS Paper.js

Compare p5.js VS Paper.js and see what are their differences

p5.js logo p5.js

JS library for creating graphic and interactive experiences

Paper.js logo Paper.js

Open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
  • p5.js Landing page
    Landing page //
    2023-07-22
Not present

p5.js

Categories
  • Javascript UI Libraries
  • Charting Libraries
  • Flowcharts
  • Org Charts
Website p5js.org
Details $

Paper.js

Categories
  • Flowcharts
  • Org Charts
  • Javascript UI Libraries
  • Mind Maps
Website paperjs.org
Details $

p5.js videos

Processing or p5.js? My opinions

More videos:

  • Review - Q&A #1: Side-Scroller in p5.js
  • Tutorial - 17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

Paper.js videos

Revision clouds in AutoCAD using Paper.js

Category Popularity

0-100% (relative to p5.js and Paper.js)
Javascript UI Libraries
76 76%
24% 24
Charting Libraries
81 81%
19% 19
Flowcharts
66 66%
34% 34
3D
100 100%
0% 0

User comments

Share your experience with using p5.js and Paper.js. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare p5.js and Paper.js

p5.js Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
A JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing to make coding accessible to artists, designers and educators. Beyond drawing, this project provides offers web audio functionality, collision detection and even generation of graphical user interfaces from p5.js sketches.
8 Best Free and Open-Source Drawing Libraries in JavaScript
The p5.js library is a great option for people who are looking for a library that doesn't have a steep learning curve, but which can create very complicated systems if necessary. The get started with P5.js page on the official website has a functional example that draws circles wherever you move your mouse in only a few lines of code.

Paper.js Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. It’s based on (and largely compatible)...
8 Best Free and Open-Source Drawing Libraries in JavaScript
The Paper.js library is another free and open-source solution for people who want to draw using JavaScript. The library uses canvas to handle its drawing animations. However, its primary focus is vector-based drawings instead of raster images.

Social recommendations and mentions

Based on our record, p5.js seems to be a lot more popular than Paper.js. While we know about 133 links to p5.js, we've tracked only 11 mentions of Paper.js. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

p5.js mentions (133)

  • Turbo Pascal Turns 40
    Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 5 months ago
  • My Google Play Developer account has been terminated
    I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps. - Source: Hacker News / 6 months ago
  • Repetition can make you loopy!: Intro to JavaScript Loops
    In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples. - Source: dev.to / 8 months ago
  • Ask HN: How to teach a kid of 15 Linux and programming
    > how do I get him learning programming in a fun way? Processing / P5.js can be pretty fun to learn. You use a real programming language to create art and animations. With little code you can get a circle on the screen, then making it move, then following your mouse, then adding other shapes, then changing colour depending on some event… It’s conductive to experimentation and a way to gradually introduce concepts.... - Source: Hacker News / 10 months ago
  • [OC] I created a simple, free waveform and genre visualizer for your top ten Spotify songs, a few samples below and link to the tool in the comments!
    Then I used p5js to create the 'art' itself, really user friendly coding framework with lots of resources online! If you want to get into coding, that is a really great entry point with Daniel Schiffman's coding train videos on YT! Source: 11 months ago
View more

Paper.js mentions (11)

  • How Framer/Figma is built?
    I started with angular and paper.js: http://paperjs.org/. Source: 11 months ago
  • Polygon JS libraries
    In a thread in the Processing forum, Boolean operations in polygons , user ErraticGenerator suggests using g.js or Paper.js. Source: about 1 year ago
  • Looking for a javascript library with good wrapping support
    It is likely that paper.js provides the functionality needed. I will probably investigate it at some point since it appears to be the more popular library Compare paper.js & bezier.js. Source: about 1 year ago
  • Animating an svg
    Just remember you can do some SVG displacement with Paper.JS. Source: over 1 year ago
  • Diagnosing RangeError: Maximum call stack size exceeded in React KeyEscapeUtils
    Our webapp is written with React and Redux using the official react-redux bindings. Another primary library used in this web app is PaperJS. We recently transitioned this to being a Redux app, though it has used React for a while. Source: almost 2 years ago
View more

What are some alternatives?

When comparing p5.js and Paper.js, you can also consider the following products

Pixi.js - Fast lightweight 2D library that works across all devices

Three.js - A JavaScript 3D library which makes WebGL simpler.

Processing - C++ and Java programming at the speed of thought.

Konva - Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.

Anime.js - Lightweight JavaScript animation library

PixiJS - Fast and flexible WebGL-based HTML5 game and app development library.