Inspiration
I wanted to take the nostalgia of physical sticker collecting and bring it into the AI era. HoloAnima was born from the idea that everyone has a "spirit animal" archetype. By moving away from my previous pixel-art style, I wanted to create something modern, sleek, and iridescent—digital collectibles that feel like high-end holographic foil stickers.
How I built it
The app is built with React.js and Vite for a lightning-fast dev experience. I implemented a "Glassmorphism" UI to give it a premium, modern feel. The core magic happens through intelligent prompt engineering: using an "Auto-Detect" logic, the app analyzes user features and transforms them into semi-realistic anthropomorphic characters with a signature glowing holographic aura and silver-foil borders.
Challenges I ran into
One of the biggest hurdles was the UI/UX for mobile—fitting a camera feed, a horizontal scrolling "lens" bar, and a photo gallery into a small viewport without it feeling cluttered. I also had some fun "transient" Vite reload errors and a disappearing zoom bar that kept me on my toes, but solving those led to a much more stable, scroll-snapped experience.
Accomplishments that I'm proud of
I’m really proud of the "Auto-Detect" mode. It’s not just a random filter; it’s an AI-driven personality match. Seeing the model correctly interpret a user's "vibe" into a specific animal sticker with that perfect iridescent finish is incredibly satisfying.
What I learned
I learned a ton about fine-tuning generative prompts for consistent branding and how to manage complex CSS layouts for cross-platform tools.
What's next for HoloAnima
- Physical Integration: Exploring a "Print-to-Sticker" pipeline where users can order physical die-cut holographic stickers of their AI-generated animal spirits.
- Expanded Archetypes: Adding more rare and "legendary" animal tiers with unique iridescent patterns and animated effects.
- Community Gallery: A public "Holo-Dex" where users can showcase their favorite generated stickers and see what spirit animals are trending.
- AR Viewer: Implementing an Augmented Reality mode to let users "place" their holographic stickers in the real world via their mobile camera.
- Social "Sync": A feature to compare spirit animals with friends to see "herd" or "pack" compatibility based on the AI's feature analysis.
Built With
- canvas-api
- css3
- gemini-api
- google-cloud-run
- google-genai
- jszip
- react
- tailwindcss
- typescript
- vite
- zustand
Log in or sign up for Devpost to join the conversation.