Back to shaders

Retro Sunset

Customize
#1a0533
#4a1942
#ff6b35
#1a3a4a
1.00
1.00
1.00
1.00
1.00
1.00
0.50

Pixel art ocean scene with animated sunset, waves, boats, and shooting stars.

retropixelsunsetoceanlandscape8bitby ShaderDrop

Source Code

Quick Start

1

Download or copy the component file

2

Save to components/RetroSunset.tsx

3

Import and use in your page

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

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