Cards Holofote

Sobre

Grade de cards de recursos em que um holofote de luz acompanha o cursor e ilumina as bordas dos cards vizinhos. Implementado com variáveis CSS atualizadas por pointer events.

Detalhes

Categoria

Cards

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

12 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/cards-holofote.tsxtsx

Como usar

import CardsHolofote from "@/components/integra/cards-holofote";

<CardsHolofote />