Shader 3

Installation

No MCP yet? Connect your agent.

Configuration

The source exposes vertexShader, fragmentShader, uniforms, className, color as component props. Defaults are included so the block can render before project content is connected.

Composition

  • Delivered source: shader3.tsx.
  • Declares package dependencies: @react-three/fiber, three, cn.

Integration notes

  • The delivered component is client-rendered.
  • The effect renders through React Three Fiber and Three.js, so keep its canvas inside a sized container.

Source and terms

These blocks come from the Shadcnblocks website and its public registry. Use is subject to the publisher's Terms & Conditions. Availability without charge does not mean MIT-licensed or open source. The separate GitHub repository is not the source of these registry listings, including blocks with matching names. Fetch each block from its publisher registry URL.