Wave Lines

Canvas line field rippling on two overlapping sine waves — cheap and hypnotic.

JJuno GL·byJPJuno ParkPro

3,120

Bookmarks

4,100

Installs

74,200

Views

12 lines

import { WaveLines } from "@/components/ui/wave-lines"

export default function DemoWaveLines() {
  return (
    <div className="relative flex min-h-[380px] w-full items-center justify-center overflow-hidden bg-[#05060a]">
      <WaveLines className="absolute inset-0" color="rgba(120,180,255,0.35)" />