3D Postcard

Description

I Built a 3D Postcard Website Because a Friend Made Me Feel Special

My friend sent me a postcard while she was traveling. I had not gotten one in years and honestly it kind of made my day. She was still traveling so there was no address to send one back to, so instead I built her a website.

The idea was simple. I wanted to send her something that felt like it was actually made for her, not just forwarded. I had seen a few of those cute AI postcard links going around and none of them felt personal to me. They felt like a template. I wanted something that felt like mine. The thing I kept thinking about was that moment when the physical postcard arrived at my house. It was in my hands. That closeness is what made it feel special. So I thought, what if I could recreate that? What if when she opened the link, the postcard actually appeared in her space?

That is what this ended up being. You open the file, your camera turns on, and a 3D postcard appears in your space through AR. You can scale it, move around it, take a photo with it sitting on your actual desk or wherever you are. It is not just a nice thing on a screen. I sent it to a few friends to test it and they all loved it.

To build it I made the visuals in Blender, sketched the structure in Figma so I had something concrete to describe, then prompted the whole component in Cursor using CSS 3D transforms and no libraries. Just a specific prompt and a lot of small tweaks until it felt right. I wrote a full walkthrough of the process on Substack if you want to build one yourself, and you can watch the build on TikTok too.

Here is a link you can actually use if you want to make someone feel special rather than just sending a text: Postcard Studio.