Cover image for 10 very creative javascript projects on github

10 very creative javascript projects on github

lindelof profile image lindelof ・3 min read

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

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/

Github URL 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/

Github URL 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/

Github URL 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/

Github URL 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/

Github URL 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/

Github URL 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/

Github URL 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/

Github URL 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

Github URL 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

Github URL 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.


Editor guide
gmartigny profile image
Guillaume Martigny

Nice list of repo !
May I add Pencil.js for 2D web canvas rendering ? ;)

lindelof profile image
lindelof Author

Very good work, recommended later