Home / Guides / Shader

Shader

The Shader background creates dynamic, animated visuals powered by GPU shaders. Choose from over 30 pre-built shader effectsЖ from hypnotic fractals to synthwave landscapes that continuously animate and react to your audio. Most shaders are audio-reactive, meaning they pulse, morph, and intensify based on your music's frequencies and beats. Each shader comes with various customizable parameters to fine-tune the look, and these parameters can be animated with keyframes for even more dynamic results.

Quick Start

Add from Elements tab > Backgrounds > Shader. Browse the shader gallery and click any shader to apply it.

Trip shader
Trip shader
Shaders catalog
Shaders catalog

Available Shaders

Banger.Show includes a curated collection of animated shader backgrounds. Each shader has its own unique visual style and customizable properties:

Psychedelic & Abstract: Trip, Fractals, Shrooms, Kaleidoscope, Acid, Hypno, Psycho, Mind

Space & Cosmic: Space, Moon, Atmosphere, Mist

Urban & Scenic: City, Synthwave, Rooftop, Cathedral

Nature & Organic: Flowers, Sea, Waves, Rain, Downfall

Geometric & Technical: Hyperloop, Rails, Plexus, Hexler, Cube, Eye

Color & Pattern: Basic, Palette, Distorsi, Shift, Quick, Follow, Pulse

Browse shaders using the gallery in the settings panel. Each shader shows a preview image so you can quickly find the perfect look for your project.

Shader properties
Shader properties

Properties

Each shader has its own unique set of customizable properties. Common property types include:

Color Properties

Many shaders let you customize their color palette. Adjust primary and accent colors to match your brand or music's mood.

Range Properties

Sliders control various aspects like speed, intensity, scale, and complexity. These properties can be animated with keyframes to create dynamic transitions.

Boolean Properties

Toggle switches enable or disable specific shader features like glow effects, distortion, or color cycling.

File Properties

Some shaders let you upload a custom image as a texture, allowing you to blend your own artwork with the animated shader effect.

Cube shader
Cube shader

Tips & Best Practices

Pro Tip

Shaders work best when they complement rather than compete with your main content. Choose subtle shaders for videos with lots of on-screen elements, or bold psychedelic shaders for minimal compositions. Use keyframes to animate shader properties and create build-ups that match your music's energy.