Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

p5.js

A free, open-source JavaScript library for learning to code and making art.

Visit p5.js4.6

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is p5.js?

p5.js is a no-cost, open-source JavaScript library described on its site as a friendly tool for learning to code and make art. The site has a reference, tutorials and examples, and you can download the library or use the online editor. The project says it will not add new features except those that increase access, and it runs workshops and community channels including Discord and a forum.

Pros: what p5.js does well

  • Free and open source
  • Online editor, nothing to install
  • Reference, tutorials and examples

Cons: where it falls short

  • Requires some JavaScript
  • Aimed at sketches and art rather than full apps

Who p5.js is for

Beginners and artists who want to learn coding through visual projects.

Who can skip it

People looking for a ready-made design tool.

p5.js alternatives

Not sold on p5.js? These do a similar job, and each card says what it has in common.

All Learning resources

Processing

Focus: coding for beginners. Shares creative coding and generative art with p5.js. A desktop app, not a framework. Adds Windows, macOS and Linux. Rated 4.5 (p5.js: 4.6).

Desktop AppFreeWindows, macOS
4.5Visit

Algorithmic Art Skill

Focus: claude, claude skills and algorithmic art. Shares generative art and creative coding with p5.js. An AI tool, not a framework. Rated 4.7 (p5.js: 4.6).

AI ToolFreeWeb
4.7Visit

BeepBox

Focus: music, chiptune and composition. Shares open source with p5.js. A web app, not a framework. Adds Offline. Same 4.6 rating.

Web AppFreeWeb, Offline
4.6Visit

Rnote

Focus: handwritten notes, pdf annotation and infinite canvas. Shares open source with p5.js. A desktop app, not a framework. Adds Linux, Windows and macOS. Same 4.6 rating.

Desktop AppFreeLinux, Windows
4.6Visit

Markmap

Focus: mind map, markdown and visual notes. Shares open source with p5.js. A web app, not a framework. Rated 4.5 (p5.js: 4.6).

Web AppFreeWeb, Cross-Platform
4.5Visit

Sonic Pi

Focus: live coding, music and coding for beginners. Shares open source with p5.js. A desktop app, not a framework. Adds Windows, macOS and Linux. Rated 4.5 (p5.js: 4.6).

Desktop AppFreeWeb, Windows
4.5Visit

Free alternatives to p5.js

Want to spend nothing? These free picks cover similar ground.

The Odin Project

Focus: learn to code and web development. Shares javascript and open source with p5.js. A course, not a framework. Rated 4.8 (p5.js: 4.6).

CourseFreeWeb
4.8Visit

nanoGPT

Focus: gpt, llm and training. Shares open source with p5.js. Adds macOS, Windows and Linux. Rated 4.8 (p5.js: 4.6).

FrameworkFreemacOS, Windows
4.8Visit

Scratch

Focus: coding for kids, games and animation. Also in Learning and Brainstorming, like p5.js. A web app, not a framework. Adds Windows, macOS and Android. Rated 4.8 (p5.js: 4.6).

Web AppFreeWeb, Windows
4.8Visit

Chrome Music Lab

Focus: music, education and experiments. Also in Learning and Brainstorming, like p5.js. A website, not a framework. Rated 4.7 (p5.js: 4.6).

WebsiteFreeWeb
4.7Visit

Mermaid

Focus: diagrams as code, flowcharts and gantt charts. Shares open source with p5.js. Adds macOS, Windows and Linux. Rated 4.7 (p5.js: 4.6).

FrameworkFreeWeb, macOS
4.7Visit

Awwwards

Focus: web design, inspiration and showcase. Also in Brainstorming and Learning, like p5.js. A website, not a framework. Same 4.6 rating.

WebsiteFreeWeb
4.6Visit
Are you the maker of p5.js?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.