Terminal Animado

Sobre

Janela de terminal que digita comandos e mostra as respostas em sequência, com cursor piscando. Perfeita para mostrar a instalação de produtos para desenvolvedores.

Detalhes

Categoria

Mockups

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

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/terminal-animado.tsxtsx

Como usar

import TerminalAnimado from "@/components/integra/terminal-animado";

<TerminalAnimado lines={[{ text: "npm install", kind: "cmd" }]} />