tsl-Uniform-UI-Vite-Plugin

tsl-Uniform-UI-Vite-Plugin

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

Category:
Tags:
Author:

Bhushan Wagh

Do you know a Resource we should add?Submit a new Resource!

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.