About
Reactive ambient background
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Neon Dither to your project and fits it to your theme.
Code
How Neon Dither is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { PaperDesignBackground } from "@/components/ui/neon-dither";
export default function DemoOne() {
return <PaperDesignBackground themeMode="system" intensity={0.85} />;
}
Dependencies
More by Jessi
View all
Wireframe Dotted Globe
3.4K
3D Gallery Photography
3.3K
Animate Card Animation
2.4K
The Infinite Grid
1.9K
Hero Dithering Card
1.6K
Hero section with smooth bg Shader
1.3K
3D Image gallery
1.3K
Stacked Panels Cursor intereactive component
1.2K
More in Shaders
View all
Glass Fold
212
Neural Noise
717
Wave
685
LightSpeed
207
animated pattern cloud
616
Background Shader
304
Shader Background
2K
Line Shader Homlu UI
48
