{
  "gem": {
    "slug": "three-customshadermaterial-vg-1746",
    "name": "THREE-CustomShaderMaterial",
    "description": "Extends Three.js built-in materials with your own vertex and fragment shaders while keeping lighting, shadows and depth passes intact.",
    "url": "https://github.com/FarazzShaikh/THREE-CustomShaderMaterial",
    "domain": "github.com",
    "author": "Faraz Shaikh (@FarazzShaikh)",
    "license": "MIT",
    "category": "Shaders, WebGL & Creative Coding",
    "subcategory": "R3F ecosystem",
    "tags": [
      "three.js",
      "shaders",
      "r3f",
      "materials"
    ],
    "whyGem": "Solves the hardest r3f problem: custom shaders that still receive real lighting and shadows.",
    "sourceType": "github",
    "image": "/api/public/library/og/VG-1746.png",
    "pageUrl": "https://vibing.inc/library/three-customshadermaterial-vg-1746"
  }
}