FarazzShaikh/THREE-CustomShaderMaterial

Health v2 · maintenance only

Adoption not part of the score

1328 stars · 78 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A TypeScript library that lets you extend Three.js standard materials with custom vertex and fragment shaders. It supports both vanilla Three.js and React (react-three-fiber) workflows.

Use cases

• add custom glsl shaders to three.js materials
• extend meshphysicalmaterial with custom vertex shader
• write custom fragment shaders in react-three-fiber
• create water waves or caustics effects in webgl
• inject uniforms into three.js standard materials
• combine custom shaders with three.js lighting and shadows

When to choose

• you want custom shader effects while keeping three.js built-in material features like lighting and shadows
• you work with react-three-fiber and need custom materials
• you want to avoid rewriting three.js shader chunks from scratch

When to avoid

• you need fully custom raw shader materials with no three.js base material
• you are not using three.js or webgl
• you need post-processing effects rather than material-level shaders

Facets

library · maturity active

graphics ui-components animation graphics web-development frontend browser threejs webgl shaders glsl react-three-fiber 3d-graphics game-development web-server javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="FarazzShaikh/THREE-CustomShaderMaterial")