Automatic Tooltip Generator

🔮 Automatic Tooltip Generator

How to Use:

  • Step 1: Paste your text in the left box
  • Step 2: Add word/definition pairs (case-insensitive matching)
  • Step 3: Click "Generate Tooltips" to see the magic happen
  • Step 4: Copy the code and paste it into a Squarespace Code Block

📝 Your Text

📖 Word Definitions



💻 Generated Code

Click "Generate Tooltips" to see the code here...

👀 Live Preview

Your preview will appear here...