Render Canvas

PreviousNext

Example showing a simple render canvas.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds/render-canvas/render-canvas-03.tsx
import { RenderCanvas } from "@/registry/default/components/render-canvas"

export default function Component() {
  return (
    <main className="flex h-[600px] w-5xl items-center justify-center overflow-hidden rounded-md border">
      <RenderCanvas dampening={0.001} lineWidth={20} trails={300} />
    </main>
  )
}

Installation

npx shadcn@latest add @aliimam/render-canvas-03

Usage

import { RenderCanvas03 } from "@/components/render-canvas-03"
<RenderCanvas03 />