8 Bit

Retro pixel-art landing page with pixel effects, a WebGL globe, and an 8-bit flame shader

Built With

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

About this template

A retro 8-bit landing page with a clean editorial layout and pixel-art set pieces like notched buttons, an animated pixel field, a draggable WebGL globe, pixelated icons, and an 8-bit flame shader. Orange accent throughout, with full dark mode and reduced-motion support.

Special Features

  • Light and dark mode via next-themes
  • 8-bit WebGL flame shader and draggable cobe globe
  • Animated pixel field with density gradient and twinkle
  • Canvas icon pixelation and pixel-reveal image transitions
  • Notched pixel buttons and pixel-art glyph system
  • Smooth scroll with Lenis (auto-disabled for reduced motion)
  • Fully responsive
  • Optimized for accessibility with full reduced-motion fallbacks
  • SEO and Open Graph ready
  • Easy to customize from a single config

Included Sections

  • Sticky nav with data-driven mega-menu and animated pixel burger
  • Hero with word-by-word reveal and animated pixel field
  • Quick stats with clipped slide-up reveal
  • Creators band with draggable WebGL globe and avatars
  • Auto-cycling feature tabs with pixel-reveal images
  • Benefits grid with canvas-pixelated icons
  • Benchmark bar chart with switchable metric tabs
  • Cycling testimonials with pixel-notched avatars
  • Use-case cards with pixelated icons
  • Pricing with a highlighted featured plan
  • FAQ with a dotted full-width accordion
  • Final CTA with 8-bit WebGL flame backdrop
  • Footer with reversed pixel field and newsletter