Card com Borda Spotlight

Sobre

Card cuja moldura brilha apenas perto do cursor, usando gradiente radial atualizado por variáveis CSS.

Detalhes

Categoria

Cards

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

27 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/card-spotlight-borda.tsxtsx

Como usar

import CardSpotlightBorda from "@/components/integra/card-spotlight-borda";

<CardSpotlightBorda />