Coding is

Beautiful

Join the community of creative coders, educators, and designers that explore, experiment, and play.

Join Sign in

Connect and Inspire

Join thousands of creative coders, follow their work, create your own forks, and find your inspiration for your next coding challenge.

Explore sketches

No Hassle Coding

Code away your ideas live with p5js, enable common libraries and templates with a click, and share your portfolio with the community.

Create a sketch

Teach and Learn

Teachers exclusive: With our intuitive class platform, collaborate live with students, give assignments, collect projects, provide feedback, and more.

Check out our class platform

Sketches that are
'd this week

    See all

    Nodes that have their own behaviors. They may push or pull each other, connect, kill or give birth, based on position, color, and who knows.

    Define these set of rules and press Play to watch these particles live their fascinating yet random lives.

    Particle Systems

    Create a sketch

    See examples

      Take a data point, assign it to a color or size of a shape. Position it on the canvas based on its relation to another data point.

      When all is said and done, let the visualizations reveal the hidden patterns and tell the story behind the data.

      Data Visualization

      Create a sketch

      See examples

        Games

        Create characters, define game dynamics, and you got yourself a sketch with villain square taking revenge while shooting lasers with unlimited life.

        Creating games is one of the most fun ways to explore object oriented programming and multi-user interactions on the same canvas.

          Create a sketch

          See examples

          Brushes

          What happens when mouse cursor moves, or you wave your hand to the camera? These sketches experiment with digital painting ideas that uses custom brushes instead of putting paint on canvas.

          Create a sketch

          See examples

            Create. Full steam ahead.

            Join the community of 100,000 creative coders to create open source projects, inspire and collaborate.

            • Create unlimited open source sketches
            • Code away your ideas in seconds with p5js
            • Enable libraries with a single click
            • Undo mistakes with version history
            • Build a portfolio to showcase your work
            • Embed sketches in blogs, websites
            • Save animated GIFs
            • Connect with other creative coders to get inspired and learn

            Join for Free

            Sign in if you joined already

            Creative Coder Plus+

            Take your sketches to the next level with premium features and privacy.

            • Unlimited public or private sketches
            • Advanced embedding options
            • Upload more files with increased 1GB limit (standard 25 MB).
            • Use any external javascript library in your sketch
            • Ad-free experience as you explore OpenProcessing
            • No ads displayed on your portfolio and sketches
            • Priority live support from Sinan

            Learn More

            Subscribe for $39.99 annually

            or $3.99 monthly

            Professor Plus+

            Use Classroom Platform to invite students and teach coding in class!

            • Organize sketches, create challenges and give assignments with collections
            • Keep sketches and class activity private/class only
            • Hide source code to create challenging assignments
            • Add javascript libraries to expand their knowledge
            • Free Creative Coder Plus+ Membership for all your students
            • Close your class easily for a new semester
            • Get priority live support from Sinan

            Learn More

            Article: Teaching Coding with OpenProcessing

            A quick walkthrough of the exciting world of code, creativity, education, bugs, and Kandinsky.

            View article

            Article: Creating Collaborative Sketches with Socket.io

            Learn how to use OpenProcessing socket server to create a live sketch that responds to visitors.

            View article

            Follow us on Twitter

            Our official communication channel: Any news on OpenProcessing is first on @openprocessing

            Follow @openprocessing