CHATBOT BACKGROUND'

Animated WebGL shader background in the Mesh drift style. Generated by the 21st.dev Shader Builder. 4-color palette (#FFFFFF, #FFC6AE, #F7A974, #FFFFFF). Features: cursor-reactive (spotlight). A drop-in, zero-dependency React component for hero sections and animated gradient/noise backgrounds.

by anand singh

Open in editor

import { ShaderBackground } from "@/components/ui/chatbot-background"

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

License

MIT License

Published

9/17/2026

Similar components

Explore more

Shader components404 Shader Background components294 WebGL components397 GLSL components80 Hero components1152

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

CHATBOT BACKGROUND'

Tags

License

Published

Similar components

Explore more