Back to shaders

Neon Horizon

Customize
#0a0015
#1a0030
#ff00ff
#ffaa00
1.00
1.00
1.00
1.00

Synthwave grid with glowing sun and horizon reflections.

retrosynthwaveneon80sgridby ShaderDrop

Source Code

Quick Start

1

Download or copy the component file

2

Save to components/NeonHorizon.tsx

3

Import and use in your page

page.tsx
import { NeonHorizon } from "@/components/NeonHorizon"

export default function Page() {
  return (
    <div className="relative min-h-screen">
      <NeonHorizon className="absolute inset-0 -z-10" />
      {/* Your content here */}
    </div>
  )
}
NeonHorizon.tsx