ShaderBase Recipes

Recipes are copy-paste-ready integration files that let users add a ShaderBase shader to their project. Each shader has a recipes/three.ts and/or recipes/r3f.tsx.

Three.js Recipe Pattern

A factory function that creates a ShaderMaterial with inlined GLSL.

import { Color, ShaderMaterial } from "three";

type MyShaderOptions = {
  color?: string;
  intensity?: number;
};

const vertexShader = `
varying vec2 vUv;