Lazy-uiLazy UI
Star0

Wave Cipher

A glyph-filled background — vertical column bands with traveling wave crests, churning glyphs from a configurable charset.

Background

Build lazily.

Drop Wave Cipher behind any hero, dashboard, or auth screen.

Customize

Columns3
Band width60%
Cell size (px)16px
Speed0.80x
Crest power2.0
Glyph churn0.6
Opacity100%
Color
Charset
Invert columns

Usage

import { WaveCipher } from "@/components/lazy-ui/wave-cipher";

<WaveCipher
  columns={3}
  bandWidth={0.6}
  size={16}
  speed={0.8}
  noisePower={2}
  glyphChurn={0.6}
  opacity={1}
  color="#d4d4d4"
  characters="0123456789ABCDEF"
  invertColumns={true}
/>