About this component

A card shaped like a mahjong tile with intricate engraved patterns. Hovering tilts the tile to reveal its carved depth and shadow. Clicking flips the tile like in a real game, revealing the opposite face with the matching suit symbol.

Difficulty

Intermediate

Style

Spin / Rotation / Flip

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/mahjong-tile-card.