JavaScript creative-coding

Open-source JavaScript projects categorized as creative-coding

Top 23 JavaScript creative-coding Projects

creative-coding
  • p5.js

    p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —

    Project mention: If Feynman Was Teaching Today a Simplified Python Simulation of Diffusion | news.ycombinator.com | 2024-06-30

    This somehow reminds me of the Coding Challenges from The Coding Train:

    https://youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhf...

    Though he uses https://p5js.org/ for most if not all of his challenges (at least the last time I watched his videos).

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • css-doodle

    🎨 A web component for drawing patterns with CSS.

    Project mention: Drawing Patterns with CSS | news.ycombinator.com | 2023-10-11
  • Blotter

    A JavaScript API for drawing unconventional text effects on the web.

  • fragment

    [alpha] A web development environment for creative coding

  • shader-park-core

    A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark

    Project mention: Painting with Math: A Gentle Study of Raymarching | news.ycombinator.com | 2023-09-15

    For anyone interested in playing around with SDFs, my friend and I made this open source library to make working with them more efficient, and you can write shaders using javascript https://github.com/shader-park/shader-park-core

  • gaze-detection

    👀 Use machine learning in JavaScript to detect eye movements and build gaze-controlled experiences.

  • q5xjs

    A small and fast alternative (experimental) implementation of p5.js

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • shader-doodle

    A friendly web-component for writing and rendering shaders.

  • threejs-toys

    ✨ ThreeJS Toys ⚡

  • guify

    A simple GUI for inspecting and changing JavaScript variables

  • urpflanze

    A library for developers who want to approach to creative coding, artists who want to approach coding and for those who find it fun to play with math.

  • pyp5js

    Python to P5.js Transcriptor

  • Fun-Programming

    Code from the Fun Programming creative coding tutorials and my own random sketches

  • ultrasonic-payments

    Experiment using ultrasonic data transmission in JavaScript as a payment method. 💸

  • shadertoy-react

    6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.

  • FlowerJS

    JavaScript Framework for Flower Shapes and Animation extended CreateJS on HTML5 Canvas.

    Project mention: Show HN: FlowerJS – JavaScript Framework for Flower Shapes and Animation | news.ycombinator.com | 2023-09-20
  • AmbientGardenAlbum

    An Open Source Music Album

    Project mention: Show HN: Create Music with R | news.ycombinator.com | 2024-07-09

    I attempted exactly that! https://github.com/pac-dev/AmbientGardenAlbum

    Wasn't exactly a hit, but then again promotion is the hard part. I'm actually doing a length write-up on the process, but it focuses on harmony (specifically freestyle just intonation) more than programming.

    Executable music is actually an established genre in the demoscene, but the music is typically written in trackers rather than with code.

  • barbara

    A virtual machine for creating visual live coding languages

    Project mention: Barbara: Live Coding Languages for Quilters | news.ycombinator.com | 2023-08-24
  • lifi

    Prototype of Li-Fi technology using Arduino and JavaScript 💡

  • AmbientGarden

    An Algorithmic Audio Landscape

    Project mention: Show HN: An Algorithmic Audio Landscape | news.ycombinator.com | 2024-03-02

    Interesting, if anyone can reproduce the problem on Chrome+Apple Silicon, I would appreciate if you open an issue and include the browser console output on https://github.com/pac-dev/AmbientGarden

  • svg-experiments

    ✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.

  • Graidients

    Generate gradients and patterns using Neural Networks

  • HTML5-Canvas-Animation-MotionRose

    Generative Art Music Rose by HTML5 Canvas

    Project mention: Show HN: Animation Music Rose – JavaScript Web Art Tool on HTML5 Canvas | news.ycombinator.com | 2023-09-24
  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript creative-coding discussion

Log in or Post with

JavaScript creative-coding related posts

  • Show HN: An Algorithmic Audio Landscape

    3 projects | news.ycombinator.com | 2 Mar 2024
  • How can I minimize production builds size

    1 project | /r/p5js | 17 May 2023
  • Using q5.js how can we select which element will the parent of canvas be? In p5.js we have parent parent(), but I didn't find a way to do it using q5.js.

    1 project | /r/p5js | 10 Jan 2023
  • Q5.js: small and fast alternative (experimental) implementation of p5.js

    1 project | news.ycombinator.com | 5 Dec 2022
  • Ultrasonic Payments

    3 projects | news.ycombinator.com | 7 Jun 2022
  • Ask HN: What's the fastest way to get good at full stack app development?

    1 project | news.ycombinator.com | 9 May 2022
  • Where to start?

    1 project | /r/generative | 26 Jan 2022
  • A note from our sponsor - SaaSHub
    www.saashub.com | 18 Jul 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source creative-coding projects in JavaScript? This list will help you:

Project Stars
1 p5.js 21,147
2 css-doodle 5,557
3 Blotter 3,030
4 fragment 805
5 shader-park-core 722
6 gaze-detection 590
7 q5xjs 540
8 shader-doodle 498
9 threejs-toys 403
10 guify 280
11 urpflanze 206
12 pyp5js 194
13 Fun-Programming 180
14 ultrasonic-payments 155
15 shadertoy-react 119
16 FlowerJS 82
17 AmbientGardenAlbum 38
18 barbara 34
19 lifi 29
20 AmbientGarden 24
21 svg-experiments 12
22 Graidients 10
23 HTML5-Canvas-Animation-MotionRose 7

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com