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.
Web Development
Help with your project?
Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.
Links
Featured Badge
Add this badge to your website to show you are featured on Three.js Resources.
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.
Sponsors
Related Resources
tsl textures
TSL Textures is a collection of procedural textures created using Three.js Shading Language (TSL).
Three.js Water Pro
Three.js Water Pro is a complete ocean rendering system for Three.js, built with TSL and WebGPU.
Powershot
Authentic camera emulation for Three.js