Sticker Sheet is an About-me page, but full of stickers.

This is what I actually wanted to build when I built the Userpage, but back then I didn’t really know how to build a page with zooming and panning.

Features

  • A sticker canvas with zooming and panning support.
  • Dark / light mode
  • Fully localizable: name, description, and even stickers themselves
  • Dynamic stickers running JavaScript logic
  • MDX and React components in descriptions
Sticker sheet
Bottom sheet
Expanded bottom sheet
Light mode
Embedded content in bottom sheet
Dynamic sticker (today’s date)
Language-specific sticker (English)
Language-specific sticker (Simplified Chinese)
Language-specific sticker (Japanese)

Main libraries used: React, Next.JS, shadcn/ui, react-zoom-pan-pinch, Vaul, MDX.