← Tools & Integrations

Typedream x p5.js

A guide on how to add code editor to your site

Widget

How does this integration work?

background

First, create a landing page on Typedream

background

Second, embed your p5.js code to your page

background

Then, let your visitors edit code and display the result

Uses.

Add & edit code

With p5.js, you can edit code easily & display them.

Adding p5.js to Typedream.

Step 1

Go to p5js.org
Click Start creating with the p5 editor!
Sign up

Step 2

Edit your code
Click File > Save

Step 3

Click File > Share
Click on the embed code and the code will be automatically copied
Go to Typedream and type /embed > Code
Paste the code and click Insert Code

Done!



But wait, what's p5.js?

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!

background

Start building your dream site today.

The world needs to see your awesome idea.

Related guides




Made in Typedream