Janela de Navegador

Sobre

Moldura realista de navegador, com abas, botões e barra de endereço, para exibir telas, prints ou qualquer conteúdo como children.

Detalhes

Categoria

Mockups

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

21 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/mockup-navegador.tsxtsx

Como usar

import MockupNavegador from "@/components/integra/mockup-navegador";

<MockupNavegador url="meusite.com.br">{/* sua tela */}</MockupNavegador>