A multi-language Bible verse reference detection system that finds, parses, and displays verse references in any webpage with interactive links and popups. Hover over any verse reference below to see it in action.
Article with Verse References
The Bible's most famous verse is arguably John 3:16, which speaks of God's love for humanity. This theme of love is echoed throughout Scripture, from the poetic declarations in 1 John 4:8 to the practical instructions in 1 Corinthians 13:4-7.
For those seeking wisdom, Proverbs 3:5-6 offers timeless guidance about trusting in the Lord. The Psalms also provide comfort, with Psalm 23 being one of the most beloved passages about God's care and provision.
In times of difficulty, Romans 8:28 reminds us that God works all things for good, while Philippians 4:13 encourages us that we can do all things through Christ who strengthens us.
International Content
English: Read John 3:16 for the gospel message.
Español: Lee Juan 3:16 para el mensaje del evangelio.
Português: Leia João 3:16 para a mensagem do evangelho.
Français: Lisez Jean 3:16 pour le message de l'Évangile.
Cross-References
Topic: The Sermon on the Mount
The Beatitudes are found in Matthew 5:3-12. Compare with Luke 6:20-26 for the parallel account. Jesus's teaching on prayer (Matt 6:9-13) gives us the Lord's Prayer. The Golden Rule appears in Matthew 7:12.
Related Passages: Psalm 1, Isaiah 61:1-3, Micah 6:8
Features
- Hover to preview verse content
- Click to open in Bible reader
- 10+ languages supported
- Automatic language detection
- Touch-friendly for mobile
- Dark mode support
- Social sharing buttons
- Customizable via CSS variables
Supported Languages
Quick Start (1 line!)
Add this script tag to any webpage - that's it! The script auto-detects and processes all verse references on page load.
<!-- Just add this script tag -->
<script src="https://inscript.bible.cloud/build/verse-detection.min.js"></script>With Options
Customize behavior using data attributes:
<script src="https://inscript.bible.cloud/build/verse-detection.min.js"
data-selector=".content"
data-mode="both"
data-new-tab="true"
data-language="en"
data-show-logo="true"></script>data-selector - CSS selector for content to process (default: "body")
data-mode - Display mode: "popup", "link", or "both" (default: "both")
data-new-tab - Open links in new tab (default: "true")
data-language - Primary language code (default: auto-detect)
data-show-logo - Show inScript logo in popup (default: "true")
Advanced Integration (ES Module)
For more control, use the ES module version:
<script type="module">
import { initVerseDetection } from 'https://inscript.bible.cloud/build/verse-detection.esm.js';
const verseSystem = await initVerseDetection(null, {
appBaseUrl: 'https://inscript.org',
displayMode: 'both',
language: { additional: 'all' },
popup: { showLogo: true }
});
document.querySelectorAll('.content').forEach(el => {
verseSystem.processContainer(el);
});
</script>