Rabbithole and explore Wikipeida articles in 3D.

context

Frontend

React

Typescript

Tailwind CSS

Motion

GSAP

Three.js

AI

Cursor

Composer 2

Sonnet 4.6

Timeframe

Apr 2026

overview

What if we took rabbitholing more literally?

Growing up, I remember getting lost in internet rabbit holes, sinking hours into random Wikipedia articles, forums, and YouTube videos. I wanted to recreate that magic I felt as a kid, but make it more visually engaging.

try it out

features

Adding depth to a long-standing internet practice

I used WebGL, GSAP, and Three.js to display article content from the Wikipedia API in 3D, allowing users to explore articles in a more immersive way.

Click and drag to pan around the rabbit hole.
Scroll to dive in.

Core Interaction

When interacting with an item, you can also get a preview of the full article, including links to any other articles referenced.

Click on an image to find out more.
You can also customize your feed by filtering by topic.
Interacting with an item saves it to your history, so you can easily come back to it later. It also serves as a way to see what kind of topics cath your eye.

reflection

Testing interactions early and often

The biggest challenge from this project was nailing down the interactions with the wikipedia thumbnails and fine tuning the navigation. My earlier iterations of this tool had no affordance that the thumbnails were interactable, which was only revealed to me as I was about to start rolling out this tool.

Thankfully, I wasn't building this in a bubble and was still bouncing concepts off of a friend, but I should have pushed this to more people sooner.

Very early iterations of this tool, experimenting with a spherical view instead of a rabbit hole.
back