critter atlas

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

An interactive encyclopedia page for kids with five animals: a honey bee, a peacock butterfly, a goliath birdeater, an emperor scorpion and an adder, each drawn by 52,000 glowing particles in real-time 3D. Drag to turn the model and hover to stir its particles. Numbered dots mark body parts and open a callout. Each animal has its own Try it action: the bee's waggle dance, the butterfly's eyespot flash, the tarantula's itchy-hair flick, the scorpion's UV glow and the adder's flick and strike. Switching animals swirls one model into the next. Around the model are a size scale, lifespan bars, a panel of facts, body parts and photos, search, an explored-progress ring and keys 1–5.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • 3d viewer
  • hotspots
  • tabs
  • search
  • cards
  • toolbar

stack

  • react
  • vite
  • typescript
  • three
  • webgl
  • canvas

fonts

Geist, Geist Mono, Instrument Serif

Free fonts, linked in the prompt.

colors

  • #0B0C0D
  • #F1F2F2
  • #E9B44C
  • #62D9BC
  • #E07A4F

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license