DEV Community

Cover image for slideFrame JS: Minimal Iframe Overlay for External URLs
jQueryScript
jQueryScript

Posted on

slideFrame JS: Minimal Iframe Overlay for External URLs

slideFrame: a lightweight JavaScript library that displays external links in iframe overlays.

Key features:
• Pure vanilla JS with zero dependencies
• Under 5KB combined footprint
• Global or per-link activation modes
• Full keyboard accessibility with ESC key support
• Customizable CSS for easy theming

The script automatically detects external URLs and presents them in a sliding panel overlay.

Users can preview external content without leaving your site. It respects browser security policies and includes selective link exclusion.

Perfect for resource sites, link directories, and documentation portals that aggregate external content.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)