Shader Lines

PreviousNext

Example showing a simple shader lines.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds/shader-lines/shader-lines-default.tsx
"use client"

import { ShaderLines } from "@/registry/default/components/shader-lines"

export default function DemoOne() {
  return (
    <div className="relative flex h-[600px] w-5xl flex-col items-center justify-center overflow-hidden rounded-xl border">
      <ShaderLines />
    </div>
  )
}

Installation

npx shadcn@latest add @aliimam/shader-lines-default

Usage

import { ShaderLinesDefault } from "@/components/shader-lines-default"
<ShaderLinesDefault />