Obscure Tooltips
Stylized tooltips with beautiful effects and smooth animations!
Obscure Tooltips
<a href="https://lunapixel.studio/bisect"><img width=100% src="https://res.cloudinary.com/obscuria/image/upload/v1769702795/bisect.png"></a> <img width=100% src="https://raw.githubusercontent.com/ObscuriaLithium/obscurialithium.github.io/refs/heads/main/assets/images/obscure-tooltips-logo.jpg">
<center> <a href="https://www.curseforge.com/minecraft/mc-mods/obscure-tooltips" rel="nofollow"><img alt="Fabric" src="https://img.shields.io/badge/Fabric-5c2148?style=for-the-badge"></a> <a href="https://www.curseforge.com/minecraft/mc-mods/obscure-tooltips" rel="nofollow"><img alt="Forge" src="https://img.shields.io/badge/Forge-5c2148?style=for-the-badge"></a> <a href="https://www.curseforge.com/minecraft/mc-mods/obscure-tooltips" rel="nofollow"><img alt="NeoForge" src="https://img.shields.io/badge/Neo Forge-5c2148?style=for-the-badge"></a> <a href="https://discord.gg/jSHHJSUWdY" target="_blank" rel="nofollow"><img alt="Discord" src="https://img.shields.io/discord/899742852681191444?style=for-the-badge&logo=discord&logoColor=white&label=&labelColor=231C25&color=5c2a21"></a> <a href="https://imgur.com/a/obscure-tooltips-media-kit-VPpfjxP" target="_blank"><img alt="Media Kit" src="https://img.shields.io/badge/Get%20Media%20Kit-5c4521?style=for-the-badge&logo=imgur&labelColor=251C20&logoColor=white"></a> </center>
<br>
<center>Obscure Tooltips is a fully client-side visual enhancement mod that transforms ordinary item tooltips into expressive, animated showcases. It adds immersive visual flair to your inventory by introducing smooth animations, dynamic particle effects, and ornamental accent frames that adapt to item rarity and context.</center>
<br>
<center><img width=80% src=https://res.cloudinary.com/obscuria/image/upload/v1769699368/header/features.png></center>
<br>
<table> <tr> <td width="60%"> <img width="100%" src="https://res.cloudinary.com/obscuria/image/upload/v1769703577/obscure-tooltips-showcase-1.gif"> </td> <td width="40%"> <h1>Aɴɪᴍᴀᴛᴇᴅ Tᴏᴏʟᴛɪᴘꜱ</h1> <p>Smooth animations, glowing borders, and subtle particle effects bring every tooltip to life. Styles support a wide range of visual flourishes – from animated ornaments to layered effects – letting every item feel distinct and expressive.</p> </td> </tr> </table>
<br>
<table> <tr> <td width="40%"> <h1>Iɴᴛᴇɢʀᴀᴛᴇᴅ Mᴏᴅᴇʟꜱ</h1> <p>See any armor piece, tool, or weapon in fully integrated 3D directly inside the tooltip. Preview gear instantly without equipping it or opening extra menus.</p> </td> <td width="60%"> <img width="100%" src="https://res.cloudinary.com/obscuria/image/upload/v1769703746/obscure-tooltips-showcase-2.jpg"> </td> </tr> </table>
<br>
<table> <tr> <td width="60%"> <img width="100%" src="https://res.cloudinary.com/obscuria/image/upload/v1769703975/obscure-tooltips-showcase-3.gif"> </td> <td width="40%"> <h1>Sᴍᴏᴏᴛʜ Sᴄʀᴏʟʟɪɴɢ</h1> <p>Automatic smooth scrolling activates when a tooltip exceeds screen height, keeping text readable without clutter. It lets you read long descriptions naturally, without resizing your UI.</p> </td> </tr> </table>
<br>
<table> <tr> <td width="40%"> <h1>Lɪɴᴇ Wʀᴀᴘᴘɪɴɢ</h1> <p>Smart line wrapping keeps wide tooltips clean, readable, and perfectly formatted. Long names, lore, and stats stay aligned and won't spill out of the layout.</p> </td> <td width="60%"> <img width="100%" src="https://res.cloudinary.com/obscuria/image/upload/v1769703747/obscure-tooltips-showcase-4.jpg"> </td> </tr> </table>
<br>
<table> <tr> <td width="60%"> <img width="100%" src="https://i.imgur.com/4yIqabL.gif"> </td> <td width="40%"> <h1>Uɴᴍᴀᴛᴄʜᴇᴅ Cᴜꜱᴛᴏᴍɪᴢᴀᴛɪᴏɴ</h1> <p>Obscure Tooltips was the first mod to introduce fully animated, visually rich tooltips, and while similar mods have appeared since, its modular, data-driven design still offers a uniquely flexible way to <a href="https://obscurialithium.github.io/obscure-tooltips/#tooltip-styles">build</a> and <a href="https://obscurialithium.github.io/obscure-tooltips/#style-merging-fallback">merge styles</a>, <a href="https://obscurialithium.github.io/obscure-tooltips/#tooltip-filters">create conditions</a>, and <a href="https://obscurialithium.github.io/obscure-tooltips/#core-concept">customize every element</a> to fit your vision.</p> </td> </tr> </table>
<br> <br>
<center><img width=80% src="https://i.imgur.com/2zmjwZJ.png"></center>
<br>
In-Game Config
On Minecraft 1.20.1, in-game configuration menus are available when using Forge Config Screens or Configured. Without these mods, all settings can still be adjusted through config files (<i>config/obscuria/obscure_tooltips-client.toml</i>). Starting with Minecraft 1.21.1, in-game config screens are available out of the box, with no additional dependencies required.
<br>
<center><img width=80% src=https://res.cloudinary.com/obscuria/image/upload/v1769699408/header/more-from-obscuria.png></center>
<br>
<center> <a href="https://modrinth.com/mod/aquamirae"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/aquamirae.png" width="45%" /></a> <a href="https://modrinth.com/mod/obscure-tooltips"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/obscure-tooltips.png" width="45%" /></a> </center> <center> <a href="https://modrinth.com/mod/pillager-caravans"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/pillager-caravans.png" width="45%" /></a> <a href="https://modrinth.com/mod/ars-elixirum"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/ars-elixirum.png" width="45%" /></a> </center> <center> <a href="https://modrinth.com/mod/accents"><img style="display: inline;" src="https://i.imgur.com/quXJZzx.png" width="45%" /></a> <img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/blank.png" width="45%" /> </center> <center> <a href="https://www.patreon.com/Obscuria"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/patreon.png" width="90%" /></a> </center> <center> <a href="https://discord.gg/jSHHJSUWdY"><img style="display: inline;" src="https://res.cloudinary.com/obscuria/image/upload/v1769702990/discord.png" width="90%" /></a> </center>