tsl-Uniform-UI-Vite-Plugin
A Vite plugin that automatically generates GUI controls for Three.js shader uniforms using Tweakpane
Bhushan Wagh
Three.js Boilerplates
Three.js Boilerplates
Check out our collection of Three.js Boilerplates & React Three Fiber [R3F] Boilerplates.
From simple to complex, we have you covered.
Links
Newsletter
Stay Updated with Three.js Resources!
- Weekly curated Three.js resources and tools.
No spam, unsubscribe at any time.
Description
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 uniform() function, and the appropriate controls are generated based on their types, allowing for immediate visual feedback during shader development.