Planet Euclid
A gamified NFT minting experience for the Euclid cross-chain ecosystem, pairing interactive 3D presentation with the mint flow. Reached 10,000+ users.
Built with
- Nextjs
- ShadCn
- TailwindCSS
- Framer Motion
- GraphQL
- RestAPI
- Zustand
- TypeScript
- Next Server
- Three.js
The problem
NFT minting interfaces are typically a button and a wallet prompt, which is functional and entirely forgettable. Turning minting into something people want to return to means treating it as an experience with progression rather than as a transaction form.
How it was built
Built the frontend for a gamified minting experience, layering interactive 3D presentation over the underlying mint flow so the transaction is the outcome of an interaction rather than the whole of it.
Three.js handles the 3D layer inside a Next.js application, which means managing a WebGL render loop alongside React's render cycle — two systems with different update models that have to coexist without fighting for frames.
The same normalized data layer as the wider Euclid frontend work: GraphQL and REST feeding a Zustand store, with the interface reading from one client-side model.
Why this stack
- Three.js inside React — WebGL render loop coexisting with React's reconciliation.
- Zustand — shared state across an experience with multiple interactive stages.
Outcome
- Reached 10,000+ users.
Want something like this built?
I build across Web3, AI, and financial infrastructure — smart contracts, data pipelines, LLM systems, and the interfaces on top.