Uni-e Permissão Animado
🛡️ Componente React animado que exibe o mascote Uni-e da diretoria de Transformação Digital da Uniube em uma tela de permissão negada, com animações suaves, balão digitando e antenas pulsando. Ideal para usar em páginas de acesso restrito, como erros 403.
✨ Demonstração
🚀 Instalação
npm install uniepermissao
📦 Uso
import { UniEPermissaoAnimado } from 'uniepermissao';
function MinhaTela() {
return <UniEPermissaoAnimado />;
}
💅 Animações inclusas
- Uni-e surgindo do fundo com efeito de zoom
- Cabeça balançando levemente
- Antenas piscando em sequência
- Braços se movendo
- Balão com texto digitado letra por letra
- Cursor piscando no estilo terminal
📁 Estrutura do projeto
uniepermissao/
├── dist/ (gerado após build)
├── src/
│ ├── components/UniEPermissao/
│ │ ├── UniEPermissao.tsx
│ │ └── UniEPermissao.css
│ └── assets/
│ └── Unie_permissao_Unie.svg
├── index.ts
├── package.json
├── tsconfig.json
├── README.md
└── .npmignore
✍️ Autor
Pamela Moreira
🧾 Licença
MIT