10 very creative javascript projects on github
Tags: javascript, webdev, github, beginners
Published: 2020-04-02 12:04:12

First of all, thank you all for reading my digests! I try to collect some very creative and fun javascript open source projects. These works are often full of imagination and creativity. I list them, if I missed something interesting — let me know!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xn4f0fq2cvdlih8yeu0e.jpeg)

---

# 1. stack.gl    

> stackgl is an open software ecosystem for WebGL, built on top of browserify and npm. Inspired by the Unix philosophy, stackgl modules "do one thing, and do it well". 

### DEMO is here [http://stack.gl/](http://stack.gl/)

#### __Github URL__ [http://github.com/stackgl](http://github.com/stackgl)


---

# 2. Ptsjs    

> Pts is lightweight and modular. Written in typescript, it comes with many useful algorithms for visualization and creative coding. Its friendly API supports both quick prototyping and bigger projects. 

### DEMO is here [https://ptsjs.org/demo/](https://ptsjs.org/demo/)

#### __Github URL__ [https://github.com/williamngan/pts](https://github.com/williamngan/pts)


---

# 3. Proton    

> Proton is a lightweight and powerful Javascript particle animation library. Use it to easily create a variety of cool particle effects. 

### DEMO is here [https://drawcall.github.io/Proton/](https://drawcall.github.io/Proton/)

#### __Github URL__ [https://github.com/drawcall/Proton](https://github.com/drawcall/Proton)


---

# 4. Sessions    

> This project consists of individual sessions of WebGL programming, with the goal of creating some kind of output. The code itself is licensed under MIT, but the designs of the individual sessions are released under Creative Commons Attribution Non-Commercial license. 

### DEMO is here [http://sessions.gregtatum.com/](http://sessions.gregtatum.com/)

#### __Github URL__ [https://github.com/gregtatum/sessions](https://github.com/gregtatum/sessions)


---

# 5. WebGLStudio    

> WebGLStudio.js is an open-source, browser-based 3D graphics suite. You can edit scenes and materials, design effects and shaders, code behaviours, and share your work - all within a browser using standard web technologies. 

### DEMO is here [https://webglstudio.org/](https://webglstudio.org/)

#### __Github URL__ [https://github.com/jagenjo/webglstudio.js](https://github.com/jagenjo/webglstudio.js)


---

# 6. ShaderParticleEngine    

> A GLSL-heavy particle engine for THREE.js. Originally based on Stemkoski's great particle engine. The purpose of this library is to make creating particle effects using THREE.js and WebGL as simple as possible. The heavy-lifting is done by the GPU, freeing up CPU cycles. 

### DEMO is here [http://squarefeet.github.io/ShaderParticleEngine/](http://squarefeet.github.io/ShaderParticleEngine/)

#### __Github URL__ [https://github.com/squarefeet/ShaderParticleEngine](https://github.com/squarefeet/ShaderParticleEngine)


---

# 7. Flat Surface Shader    

> Simple, lightweight Flat Surface Shader written in JavaScript for rendering lit Triangles to a number of contexts. Currently there is support for WebGL, Canvas 2D and SVG. Check out this demo to see it in action. 

### DEMO is here [http://matthew.wagerfield.com/flat-surface-shader/](http://matthew.wagerfield.com/flat-surface-shader/)

#### __Github URL__ [https://github.com/wagerfield/flat-surface-shader](https://github.com/wagerfield/flat-surface-shader)


---

# 8. A-Frame   

> A web framework for building virtual reality experiences
Make WebVR with HTML and Entity-Component. Works on Vive, Rift, Daydream, GearVR, desktop. 

### DEMO is here [https://aframe.io/](https://aframe.io/)

#### __Github URL__ [https://github.com/aframevr/aframe](https://github.com/aframevr/aframe)


---

# 9. Pex    

> PEX is a collection of JavaScript modules the combination of which becomes a powerful 3D graphics library for the desktop and the web. This repository is currently DEPRECATED. 

### DEMO is here [https://github.com/pex-gl/pex](https://github.com/pex-gl/pex)

#### __Github URL__ [https://github.com/pex-gl/pex](https://github.com/pex-gl/pex)


---

# 10. Twgl    

> A WebGL Framework for Data Visualization, Creative Coding and Game Development.This library's sole purpose is to make using the WebGL API less verbose.

### DEMO is here [http://twgljs.org/#examples](http://twgljs.org)

#### __Github URL__ [https://github.com/greggman/twgl.js](https://github.com/greggman/twgl.js)


---

Thank you so much for your patience after reading this article. If you like these things to collect, I will continue to collect better things to share with you. Wish you a good dream.