Fizzi é uma experiência visual interativa em 3D desenvolvida com Next.js e Three.js. O projeto explora animações em tempo real, renderização de modelos 3D e efeitos visuais imersivos, inspirado no universo de marcas de refrigerante.
✅ Modelo 3D interativo de lata de refrigerante
✅ Troca de sabores com mudança de textura e cor de fundo
✅ Controles de câmera (zoom, rotação, auto-rotação)
✅ Efeito de partículas (Sparkles) e iluminação HDR
✅ Interface moderna com glassmorphism e backdrop blur
✅ Animações suaves com GSAP
✅ Design responsivo e gradientes dinâmicos| Camada | Tecnologias |
|---|---|
| Runtime | Next.js, TypeScript |
| 3D | Three.js, React Three Fiber, React Three Drei |
| Estilização | Tailwind CSS, Tailwind Merge |
| Animações | GSAP |
| Deploy | Vercel |
Interface principal
Antes de começar, certifique-se de ter atendido aos seguintes requisitos:
- Git deve estar instalado no seu sistema operacional.
Para executar o Foodie localmente, execute este comando no seu git bash:
# Clone o repositório
git clone https://github.com/Adyllsxn/fizzi-ui.git
# Entre na pasta
cd fizzi-ui/website
# Instale as dependências
npm install
# Rode o projeto
npm run devLocal http://localhost:3000
Remoto https://fizzi-ui.vercel.app/
Inspirado no projeto Fizzi de prismicio-community
Este projeto está sob a licença MIT. Isso significa que você pode usar, copiar, modificar, mesclar, publicar, distribuir, sublicenciar e/ou vender cópias do software, desde que mantenha o aviso de copyright original.
⚠️ Aviso: Os modelos 3D e texturas são de uso demonstrativo. Para uso comercial, adquira as licenças adequadas. Este projeto não possui afiliação oficial com a marca original.