About Fortune Cookie

Welcome to Fortune Cookie — an interactive web experience that brings the joy of cracking open a fortune cookie right to your screen. Using cutting-edge web technologies including real-time physics simulation and WebGL rendering, we've created a digital fortune cookie experience that feels surprisingly tangible.

How It Works

Our fortune cookie uses real 2D physics powered by Matter.js for realistic fragment behavior, Pixi.js for smooth 60fps WebGL rendering, and GSAP for polished animations. When you break the cookie, each fragment becomes a physics-simulated rigid body that bounces, spins, and settles naturally.

Five Ways to Break

We believe in giving you choices. You can click-smash, drag-crack, shake-break, double-tap, or squeeze your cookie. Each method produces a different breaking pattern and effect, making every experience unique.

Our Fortunes

We've curated over 1,000 unique fortune phrases across eight categories: wisdom, love, career, humor, motivation, philosophy, adventure, and mystery. Fortunes come in four rarity levels — Common, Rare, Epic, and Legendary — with rarer fortunes becoming more accessible as you build your daily streak.

Daily Fortune

Every day, a special "Fortune of the Day" is generated using a date-based seed, meaning everyone around the world gets the same daily fortune. It's a fun way to connect with friends and share your fortune experience.

Built With Love

Fortune Cookie is built with Next.js, Pixi.js, Matter.js, GSAP, and Tailwind CSS. It's designed to be fast, accessible, and delightful on every device. We hope it brings a small moment of joy to your day.