Background Lines

Backgrounds

21 animated curved stroke lines running behind children — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add background-lines

Interno:

@/lib/utilsmotion

Exemplo de uso

Background LinesExample.tsx

import { BackgroundLines } from "@/components/ui/cn/background-lines/BackgroundLines";

export function BackgroundLinesExample() {
  return (
    <BackgroundLines>
      Background Lines
    </BackgroundLines>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo sobre as linhas
`className`	`string`	—	Classes CSS extras
`svgOptions`	`{ duration?: number }`	`undefined`	Duração do ciclo de cada traço (s)

Voltar para Backgrounds

Carregando…