Games · Games rápidos
2048
Deslize e some as peças até chegar ao 2048, no estilo do quebra-cabeça numérico que viralizou, com animações e desfazer. Ótimo pra página 404 e telas de espera.
Puzzle · Números · 404 · Licença MIT · Criado por FlowCore Soluções LTDA
Este game roda direto no navegador, sem instalar nada, e funciona no teclado e no toque do celular. Use em telas de espera, páginas 404 ou ações de marca, e veja como a FlowCore cuida de desempenho e responsividade até nos detalhes.
Como jogar
- ← ↑ → ↓ deslizar as peças (ou W A S D)
- U desfazer
- N novo jogo
- No celular: Deslize o dedo sobre o tabuleiro.
Como instalar
- Tenha um projeto React com Tailwind Já tem (Vite, Next.js, Remix)? Pule este passo. Se não, crie um em 1 minuto e adicione ./src/**/*.{ts,tsx} ao content do tailwind.config.
npm create vite@latest minha-app -- --template react-ts cd minha-app npm install -D tailwindcss@3 postcss autoprefixer npx tailwindcss init -p
- Crie o arquivo src/components/Jogo2048.tsx Cole o código da aba Código. Ele é um arquivo só, sem dependência além de React.
- Use na sua página
import Jogo2048 from "./components/Jogo2048"; <Jogo2048 accent="#0057FF" tamanho={5} /> - Personalize Textos, dados e a cor de destaque (prop accent) são props com valor padrão. Troque pelos da sua marca ou ligue na sua API.
Código no GitHub · Biblioteca de códigos
A FlowCore Soluções desenvolve sistemas sob medida para empresas. Se você precisa desta funcionalidade dentro do sistema da sua empresa, integrada ao que já funciona, o diagnóstico é gratuito e o escopo sai em até 24 horas. Desenvolvimento de sistemas sob medida
Perguntas rápidas
Posso usar em projeto comercial?
Sim. A licença MIT permite usar, modificar e distribuir, inclusive em projeto comercial, mantendo o aviso de licença no código.
Precisa de cadastro?
Não. O código está na página e no repositório público do GitHub, sem cadastro e sem cartão.