About this component

A serene cup of tea that reveals its fortune when clicked. The cup drains to show abstract tea leaf patterns at the bottom. Each hovered cluster glows and shows a floating interpretation tooltip. Every visit brews a unique pattern made from randomized tea leaves.

Difficulty

Advanced

Style

Tea Leaf Divination

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/tea-leaf-reading-card.