p5.js Creative Coding Playground

Open-source p5.js coding playground & teaching platform

2 followers

Open-source p5.js coding playground & teaching platform

2 followers

p5.js Creative Coding Playground is an open-source web platform designed for interactive coding education. Key Features: • Real-time Canvas preview for instant visual feedback. • Integrated AI coding assistant to help students debug & learn. • Multi-language UI support with full teacher/class management. • Built with React, Express, & MySQL for seamless classroom deployment. Empowering teachers and students to explore creative coding effortlessly!

p5.js Creative Coding Playground gallery image

Free

Launch tags:Open Source•Education•Developer Tools

Launch Team / Built With

Migma AIEmail marketing from Grok Bot

Promoted

Maker

📌

Hello Product Hunt community! This project was originally created to make creative coding with p5.js more accessible to students in China. That's why you'll see a unique mix here: a completely localized, high-quality English UI and Standard English Coding Environment (which developers love), combined with some initial sample cases that we designed specifically for our Chinese classrooms. But don't let that stop you! The beauty of this platform is its customizability for global educators. Because it's open-source, any teacher worldwide can easily create, name, and manage their own p5.js coding curriculum in any language.

Report

2mo ago

Reviews