Light Blue Plasma Shader W/ grain & interactive

Animated WebGL shader background in the Plasma style. Generated by the 21st.dev Shader Builder. 4-color palette (#160B0B, #C2402A, #F49D37, #FFE8C2). Features: film grain. A drop-in, zero-dependency React component for hero sections and animated gradient/noise backgrounds.

by Luzbel33

Open in editor

import { ShaderBackground } from "@/components/ui/light-blue-plasma-shader-w-grain-interactive"

export default function ShaderBackgroundDemo() {
  return (
    <div className="relative h-screen w-full overflow-hidden">
      <ShaderBackground className="h-full w-full" />
    </div>
  )
}

Published

8/4/2026

Similar components

Explore more

Animation components144 Hero components1152 Animated components16 WebGL components397 GLSL components80

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Light Blue Plasma Shader W/ grain & interactive

Tags

Published

Similar components

Explore more