Feixe Conector

Sobre

Linha curva entre dois elementos com um pulso de luz que viaja de um ao outro. Calcula o caminho pelos próprios elementos e acompanha o redimensionamento.

Detalhes

Categoria

Animações

Tipo

Animação

Framework

React

Tecnologias

React, SVG

Publicado em

27 de outubro de 2026

Base

Adaptado de Animated Beam · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/feixe-conector.tsxtsx

Como usar

import FeixeConector from "@/components/integra/feixe-conector";

<FeixeConector container={container} from={a} to={b} />