Shader

Bold landing page with full-screen WebGL shaders, fluid color gradients, and immersive scroll-driven scenes

Built With

Next.js 16+
React
TypeScript
Tailwind v4
Motion
WebGL
next-themes

About this template

A premium landing page built around a signature WebGL palette shader. Pairs hero-scale fluid noise with a cursor-reactive wave variant, a user-switchable palette system, and a polished SaaS narrative — designed for product teams that want a brand-ready scaffold with an unmistakable look on day one.

Special Features

  • Light and dark mode
  • Cursor-reactive shader backgrounds
  • Five built-in color palettes you can switch live
  • Smooth scroll-driven animations
  • Fully responsive
  • Optimized for accessibility
  • SEO and Open Graph ready
  • Easy to customize from a single config

Included Sections

  • Sticky nav with theme and palette switches
  • Hero with full-bleed shader
  • Scroll-pinned value prop story
  • Product showcase band
  • Benefits grid
  • Partners strip
  • Pricing
  • FAQ
  • Final CTA with shader background
  • Footer with link columns