Embeddable widget that automatically turns the names it finds into hoverable tooltips pulled live from this website.
Works anywhere, no framework required. Since this website is static, delivery should be pretty fast when loading tooltips.
The widget fetches JSON from our own public API at hover time and renders the tooltip client-side. Nothing to install, no API key, and free (forever) to use.
Add this once, anywhere on the page (defer is recommended but not required):
<script src="https://lootandwaifus.com/tooltips.js" defer></script>Then wrap any block with data-lw-auto and data-lw-game. The widget scans the text for known character, skill, artifact and rune names and turns them into tooltips on its own.
<article data-lw-auto data-lw-game="nikke"></article>Using a healer with Crown is recommended, since you can consistently proc Royal Attire.
<article data-lw-auto data-lw-game="trickcal"></article>Momo, paired with a Healing Pendant will be able to spam her Double Hug skill.
<article data-lw-auto data-lw-game="mad"></article>Rana's Bear With It skill makes her a solid early healer pick.
You can wrap a single paragraph or your website whole <body>. Only data-lw-game is required on the container; mixing games means wrapping each in its own container.
The widget scans the page once on load. If your site injects tooltip-tagged elements afterwards (infinite scroll, a SPA route change, etc.), tell it to scan again:
window.LWTooltips.refresh(); // whole document
window.LWTooltips.refresh(someContainerEl); // just a subtree| Attribute | Where | Value |
|---|---|---|
data-lw-auto | container element | Base attribute for the tooltips to work, needed. |
data-lw-game | container element | nikke, trickcal, or mad. |
data-hide-rating | <script> tag | Hides the "tier" tag on the character tooltip |
Made by Sefhi sefhi