The Mime
Silent Soliloquy
AT REST
Act I
Current Act
Serene
Expression
[▼ watch performance]
Phantomime Card
by FreeCsStyles Dev's
CardsPhantomime Mask
🌐HTML/CSS🎨Tailwind⚛️React💚Vue🅰️Angular🔥Svelte☁️LWC
#Mask#Mime#Theatre#Expression#Performance#Silhouette#Drama
About this component
A stark white mask floating in a velvet-black void. Neutral at rest, the mask responds to hover zones with micro-expressions - raised brows, widened eyes, subtle smiles. Clicking makes the mask 'speak' through mime gestures and silent-film-style title cards, with piano notes accenting each expression change.
- Difficulty
- Advanced
- Style
- Phantomime Mask
- 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/phantomime-card.
<iframe src="/embed/phantomime-card" sandbox="allow-scripts" loading="lazy" title="Phantomime Card" style="border:0;width:100%;height:480px;overflow:hidden"></iframe>