JavaScript Shaders

Open-source JavaScript projects categorized as Shaders
Edit details
Topics: Glsl Webgl JavaScript Shadertoy Canvas
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.
workos.com
Sponsored

Top 19 JavaScript Shader Projects

  • Burn-My-Windows

    🔥 Disintegrate your windows with style.

    Project mention: In KDE, the Desktop Cube is back | news.ycombinator.com | 2023-11-04

    For those on Linux (on GNOME and KDE, at least), experimentation is still alive and well in https://github.com/Schneegans/Burn-My-Windows#readme.

  • glslEditor

    Simple WebGL Fragment Shader Editor

  • 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.

  • glslCanvas

    Simple tool to load GLSL shaders on HTML Canvas using WebGL

  • curtainsjs

    curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

  • 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

  • shader-doodle

    A friendly web-component for writing and rendering shaders.

  • three-csm

    ☀️ Cascaded shadow maps (CSMs) implementation for Three.js

  • 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.

  • vite-plugin-glsl

    :spider_web: Import, inline (and compress) GLSL shader files :electric_plug:

  • webgpu-compute-rasterizer

    A simple software rasterizer running on a WebGPU compute shader. Built for educational purposes.

    Project mention: Building a Compute Bezier Quad Rasterizer with WebGPU | /r/webgpu | 2023-05-27

    OmarShehata How to Build a Compute Rasterizer with WebGPU https://github.com/OmarShehata/webgpu-compute-rasterizer/blob/main/how-to-build-a-compute-rasterizer.md Clearly I am not good enough with WebGpu to do it. Anyone interested?

  • shader-web-background

    Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

  • retrace.gl

    Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉

  • 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.

  • langterm

    🕹️ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure

  • Tokenmagic

    A Foundry VTT module that allows you to add animations and graphic effects to tokens, tiles, templates and drawings.

  • js-shaders

    CPU rendered ASCII art shader writing tool with hot reloading.

  • rain

    Rainy window wallpaper (by rocksdanister)

  • mathematical-sculptures

    Generate custom parametric surfaces ✒️💠

  • clouds

    Clouds wallpaper (by rocksdanister)

    Project mention: Clouds wallpaper with customization | /r/LivelyWallpaper | 2023-04-21

  • webgl-mipmaps-explainer

    explore mipmap and anisotropic filtering options in webgl2

  • 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.

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). The latest post mention was on 2023-11-04.

JavaScript Shaders related posts

Index

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

Project Stars
1 Burn-My-Windows 2,540
2 glslEditor 2,221
3 glslCanvas 1,871
4 curtainsjs 1,607
5 shader-park-core 700
6 shader-doodle 493
7 three-csm 286
8 vite-plugin-glsl 284
9 webgpu-compute-rasterizer 228
10 shader-web-background 193
11 retrace.gl 189
12 shadertoy-react 114
13 langterm 76
14 Tokenmagic 44
15 js-shaders 42
16 rain 40
17 mathematical-sculptures 26
18 clouds 2
19 webgl-mipmaps-explainer 0

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