Nekopedia — An Interactive Cat Breed Encyclopedia
Nekopedia is a fully interactive encyclopedia of 104 cat breeds, built entirely in Framer. Instead of a traditional list or grid, every breed lives on a sprawling infinite drag-and-pan canvas — a pixel-art world where cats roam on a retro grass field, each rendered in a custom AI-generated low-poly 3D art style.
Key features:
Infinite canvas — drag, fling, and pinch-to-zoom across a world of 104 breeds. Physics-based momentum keeps the canvas feeling alive after you let go.
Custom pixel-art aesthetic — Press Start 2P pixel font, low-poly cat illustrations generated with GPT Image 1, a tiled grass ground, and matching pixel-art UI icons throughout.
Pixel-art cursors — three custom hand cursors (open, grab, pointing) swap contextually as you hover and drag.
Click any cat for a full detail overlay — breed description, origin, weight, lifespan, coat, eye colors, temperament, and a fun fact, all displayed with matching low-poly icons.
Stat bars — every breed has rated stats for Affection, Energy, Friendliness, Intelligence, Vocality, Shedding, and Grooming.
Rarity badges — breeds are classified as Common, Uncommon, or Rare, each with a distinct badge and color.
Real meow sounds — clicking a cat plays a real meow audio clip. Each breed has its own sound.
Lofi background music — a built-in audio player keeps the vibe cozy while you explore.
Night mode — a sun/moon toggle dims the canvas for late-night browsing.
Zoom controls — dedicated zoom-in/zoom-out toolbar buttons alongside pinch-to-zoom support.
Framer CMS-powered — all 104 breeds live in a structured CMS collection with 23 fields per breed, from stats to coat colors to hypoallergenic status.
Nekopedia proves that Framer isn't just for landing pages — it's a platform for building rich, game-like interactive experiences with real data, custom code components, and a cohesive visual identity, all without leaving the Framer ecosystem.
Nekopedia — An Interactive Cat Breed Encyclopedia
Nekopedia is a fully interactive encyclopedia of 104 cat breeds, built entirely in Framer. Instead of a traditional list or grid, every breed lives on a sprawling infinite drag-and-pan canvas — a pixel-art world where cats roam on a retro grass field, each rendered in a custom AI-generated low-poly 3D art style.
Key features:
Infinite canvas — drag, fling, and pinch-to-zoom across a world of 104 breeds. Physics-based momentum keeps the canvas feeling alive after you let go.
Custom pixel-art aesthetic — Press Start 2P pixel font, low-poly cat illustrations generated with GPT Image 1, a tiled grass ground, and matching pixel-art UI icons throughout.
Pixel-art cursors — three custom hand cursors (open, grab, pointing) swap contextually as you hover and drag.
Click any cat for a full detail overlay — breed description, origin, weight, lifespan, coat, eye colors, temperament, and a fun fact, all displayed with matching low-poly icons.
Stat bars — every breed has rated stats for Affection, Energy, Friendliness, Intelligence, Vocality, Shedding, and Grooming.
Rarity badges — breeds are classified as Common, Uncommon, or Rare, each with a distinct badge and color.
Real meow sounds — clicking a cat plays a real meow audio clip. Each breed has its own sound.
Lofi background music — a built-in audio player keeps the vibe cozy while you explore.
Night mode — a sun/moon toggle dims the canvas for late-night browsing.
Zoom controls — dedicated zoom-in/zoom-out toolbar buttons alongside pinch-to-zoom support.
Framer CMS-powered — all 104 breeds live in a structured CMS collection with 23 fields per breed, from stats to coat colors to hypoallergenic status.
Nekopedia proves that Framer isn't just for landing pages — it's a platform for building rich, game-like interactive experiences with real data, custom code components, and a cohesive visual identity, all without leaving the Framer ecosystem.