Borda com Feixe

Sobre

Moldura em que um feixe de luz percorre o contorno do card continuamente, sem esconder o conteúdo. Exemplo com card de login.

Detalhes

Categoria

Animações

Tipo

Animação

Framework

React

Tecnologias

React, Tailwind CSS, CSS

Publicado em

19 de outubro de 2026

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/borda-feixe.tsxtsx

Como usar

import { BordaFeixe } from "@/components/integra/borda-feixe";

<BordaFeixe>{/* conteúdo */}</BordaFeixe>