Lazy-uiLazy UI
Star0

Horizon Cipher

A retro perspective grid of glyphs receding to a horizon — scrolling rows, traveling wave ridge, and a two-tone color cycle.

Background

Build lazily.

Drop Horizon Cipher behind any hero, dashboard, or landing page.

Customize

Columns32
Depth rows22
Font scale0.90
Scroll speed1.0
Wave speed1.0
Wave power6.0
Wave count3.0
Wobble1.4
Base alpha7%
Color cycle1.0
Opacity100%
Color 1
Color 2
Charset

Usage

import { HorizonCipher } from "@/components/lazy-ui/horizon-cipher";

<HorizonCipher
  columns={32}
  depthRows={22}
  fontScale={0.9}
  scrollSpeed={1}
  waveSpeed={1}
  wavePower={6}
  waveFrequency={3}
  waveAmplitude={1.4}
  baseAlpha={0.07}
  colorSpeed={1}
  opacity={1}
  color1="#290596"
  color2="#93229D"
  characters="0123456789ABCDEF"
/>