Components
A reusable React component that renders a full-screen, theme-aware generative WebGL shader background using p5.js.. Supports light/dark themes, responsive resizing, and a “reduced-motion” fallback.
npx @21st-dev/cli add dhileepkumargm/shader-background-1Loading preview...
import React from 'react'
import ShaderBackground from '@/components/ui/shader-background-1'
export default function App() {
return (
<div className="app-container">
<ShaderBackground
className="shader-wrapper"
speed={1}
mouseEnable={true}
/>
</div>
)
}