Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

uniepermissao

pamfmoreira208MIT1.3.0TypeScript support: included

Componente React animado com o Uni-e para telas de permissão negada.

react, component, unie, permissao, 403, animado

readme

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

Uni-e exemplo


🚀 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