Google Gemini Effect

Display

Five SVG trails that draw themselves as scroll-driven pathLengths advance — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add google-gemini-effect

Interno:

@/lib/utilsmotion

Exemplo de uso

Google Gemini EffectExample.tsx

import { GoogleGeminiEffect } from "@/components/ui/cn/google-gemini-effect/GoogleGeminiEffect";

export function GoogleGeminiEffectExample() {
  return (
    <GoogleGeminiEffect />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`pathLengths*`	`MotionValue[]`	—	5 MotionValue (0→1), normalmente de um useScroll
`title`	`string`	—	Título acima do SVG
`description`	`string`	—	Subtítulo
`ctaLabel`	`string`	`'cn.kikito.tv'`	Rótulo do botão central
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…