The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript creative-coding Projects
-
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 —
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
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-15For 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.
-
I don't know about how you can easily get to a smaller size, without setting up a complete build system yourself. But you can give q5.js a try. It is a replacement of p5.js focused on speed and size. I have not used it myself, so I don't know how compatible it is for your needs. https://github.com/LingDong-/q5xjs
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
-
-
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.
-
Project mention: A Free P5 Python Online Editor with Live Edit | Designed For Teachers and Students Learning to Code | Strive Editor Alpha | /r/processing | 2023-04-26
is this python transpiled to javascript with something like https://github.com/berinhard/pyp5js/tree/develop/pyp5js ?
-
-
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.
-
Project mention: Show HN: FlowerJS – JavaScript Framework for Flower Shapes and Animation | news.ycombinator.com | 2023-09-20
-
This is an web audio experiment I've been wanting to do for a long time. Basically an ambient music composition, but all the sound elements are laid out in space, and that musical space can be explored freely.
It's definitely inspired by in-world music that sometimes appears in games. I basically took that concept, keeping the music aspect, and dropping the entire "game" aspect.
I also turned it into a more "traditional" album. Had a blast making the entire album from code, the complete code for the album is here: https://github.com/pac-dev/AmbientGardenAlbum
-
-
-
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.
-
-
Project mention: Show HN: Animation Music Rose – JavaScript Web Art Tool on HTML5 Canvas | news.ycombinator.com | 2023-09-24
-
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.
JavaScript creative-coding related posts
- Show HN: An Algorithmic Audio Landscape
- How can I minimize production builds size
- 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.
- Q5.js: small and fast alternative (experimental) implementation of p5.js
- Ultrasonic Payments
- Ask HN: What's the fastest way to get good at full stack app development?
- Where to start?
-
A note from our sponsor - WorkOS
workos.com | 17 Apr 2024
Index
What are some of the best open-source creative-coding projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | p5.js | 20,835 |
2 | css-doodle | 5,449 |
3 | Blotter | 3,011 |
4 | fragment | 769 |
5 | shader-park-core | 700 |
6 | gaze-detection | 575 |
7 | q5xjs | 515 |
8 | shader-doodle | 493 |
9 | threejs-toys | 386 |
10 | guify | 276 |
11 | urpflanze | 197 |
12 | pyp5js | 194 |
13 | Fun-Programming | 179 |
14 | ultrasonic-payments | 153 |
15 | shadertoy-react | 114 |
16 | FlowerJS | 78 |
17 | AmbientGardenAlbum | 35 |
18 | barbara | 33 |
19 | lifi | 23 |
20 | AmbientGarden | 21 |
21 | svg-experiments | 10 |
22 | Graidients | 9 |
23 | HTML5-Canvas-Animation-MotionRose | 6 |