tsl-uniform-ui-vite-plugin bridges Three.js shader development and UI control by automatically generating Tweakpane interfaces for shader uniforms. It eliminates the need for manual GUI setup, supporting multiple uniform types including numbers, booleans, colors, vectors, and textures. The plugin offers persistent configurations, undo/redo functionality, and preset management - all while maintaining a minimal implementation footprint. Simply define your uniforms with the <code>uniform()</code> function, and the appropriate controls are generated based on their types, allowing for immediate visual feedback during shader development.

tsl-Uniform-UI-Vite-Plugin

A Vite plugin that automatically generates GUI controls for Three.js shader uniforms using Tweakpane

A series of articles introducing TSL.

Get to grips with ThreeJS Shading Language (TSL)

TSL Textures is a collection of procedural textures created using Three.js Shading Language (TSL). These textures are generated in real-time on the GPU, allowing for dynamic and efficient rendering in 3D applications.

tsl textures

TSL Textures is a collection of procedural textures created using Three.js Shading Language (TSL).

Three js TSL

tsl-Uniform-UI-Vite-Plugin

Get to grips with ThreeJS Shading Language (TSL)

tsl textures