Arbitrum City
A living pixel city built by the Arbitrum blockchain. Gas colors the sky. Transactions fill the streets. Every 12 seconds, a new block fires. The chain plays itself.
Videos
Tech Stack
Description
Project Name: Arbitrum City
Tagline: A living, breathing pixel art metropolis that visualizes the Arbitrum blockchain in real time — then lets you mint the moment as an NFT.
Description:
Arbitrum City transforms raw blockchain data into a living isometric pixel art city. Every building represents a real Arbitrum protocol — GMX, Aave, Uniswap, Camelot, and 180+ others — sized and placed based on actual on-chain activity. The city breathes with the chain: pedestrians walk the streets when transaction volume rises, vehicles flow along roads based on gas prices, boats sail toward Ethereum, Base, and Optimism representing real bridge transactions, and a pulse ring expands across the skyline with each new block.
All data is live. Block numbers, gas prices, ETH price, transaction counts, protocol activity, and swap volumes stream in through Alchemy and CoinGecko. There are no fake animations — every visual effect traces directly to on-chain data.
The city is organized into 15 themed neighborhoods with geographic logic: DeFi protocols cluster in the financial core, bridges sit near the waterfront, entertainment venues line the outer districts, and infrastructure anchors the grid. Six sponsor protocols (Alchemy, Dune, GMX, LayerZero, Robinhood, Fhenix) occupy landmark mega-buildings.
Beyond visualization, Arbitrum City is designed to bring people into the ecosystem. Instead of reading charts and dashboards, users can see the chain come alive — watch their favorite protocols pulse with activity, explore neighborhoods, and understand the Arbitrum ecosystem intuitively. It makes on-chain data accessible and culturally engaging, turning abstract blockchain metrics into something people actually want to look at and share.
And when a moment hits — a gas spike, a surge in DeFi activity, your favorite protocol lighting up — you can capture it. Users mint snapshots as ERC-721 NFTs directly on Arbitrum, with images stored on IPFS via Pinata. Each NFT's metadata includes the block number, gas price, ETH price, and network state at the time of capture. Every mint is a permanent, on-chain timestamp of the blockchain's living state — a piece of its history that you own.
Tech Stack: React 19, Vite 7, p5.js, Tailwind CSS v4, Solidity 0.8.28 (OpenZeppelin ERC-721), wagmi + viem, RainbowKit, Alchemy SDK, CoinGecko API, Pinata/IPFS, Vercel, PixelLab AI (pixel art generation)
What makes it unique: Most blockchain visualizers show charts and numbers. Arbitrum City makes the chain feel alive — you don't read the data, you watch it happen. And you can own the moment.
Progress During Hackathon
Built Arbitrum City from zero to a fully deployed, live product in three days — while simultaneously working the event as the official photographer. Day one was brainstorming and ideation: defining the city planner metaphor, mapping 185+ Arbitrum protocols to neighborhoods, and designing the data pipeline architecture. Day two was core execution: building the isometric rendering engine, wiring live Alchemy and CoinGecko data feeds, generating unique pixel art sprites for every protocol via PixelLab AI, and implementing the dynamic city systems (pedestrians, vehicles, boats, block pulses). Day three was the NFT layer and polish: deploying the ERC-721 smart contract to Arbitrum Sepolia via Remix, integrating RainbowKit wallet connection, building the IPFS upload pipeline through Pinata, and wiring the full snapshot-to-mint flow. Every feature shipped is live and functional on Vercel.
Fundraising Status
None. Did this for fun. But I know with the right funding I can take this much, much further.