Background Studio
An interactive playground for WebGL background components. Preview backgrounds in real-time, tweak every prop with live controls, and export ready-to-use code.
Features
- •Live preview with full-screen canvas
- •Real-time prop controls — colors, speed, scale, and more
- •Export JSX code with your custom prop values
- •Download PNG screenshots or record WebM video
- •CLI install commands for every background
Available Backgrounds
24 backgrounds including Silk, Aurora, Particles, Liquid Chrome, Balatro, Dither, Beams, Prism, Liquid Ether, and more. Each with fully customizable props.