Malha de Pontos

Sobre

Fundo em canvas com uma malha de pontos que ondula lentamente e se afasta do cursor. Ajusta-se à densidade de pixels e pausa quando fora da tela.

Detalhes

Categoria

Fundos

Tipo

Animação

Framework

React

Tecnologias

React, Canvas 2D

Publicado em

24 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/fundo-malha-pontos.tsxtsx

Como usar

import FundoMalhaPontos from "@/components/integra/fundo-malha-pontos";

<div className="relative h-[600px]">
  <FundoMalhaPontos />
</div>