Padrões de Fundo

Sobre

Três padrões de fundo em SVG: grade com quadrados destacados, pontos que pulsam em tempos diferentes e listras diagonais. Todos escaláveis e leves.

Detalhes

Categoria

Fundos

Tipo

Asset

Framework

React

Tecnologias

React, SVG

Publicado em

25 de outubro de 2026

Base

Adaptado de Grid Pattern, Dot Pattern e Striped Pattern · 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/padroes-de-fundo.tsxtsx

Como usar

import PadroesDeFundo from "@/components/integra/padroes-de-fundo";

<div className="relative h-80 overflow-hidden">
  <PadraoGrade squares={[[2, 1], [5, 3]]} />
  <PadraoPontos glow />
</div>