
tsl-Uniform-UI-Vite-Plugin
A Vite plugin that automatically generates GUI controls for Three.js shader uniforms using Tweakpane
Bhushan Wagh
Three.js Marketplace
Three.js Marketplace
Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.
Sponsors
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.