-Floating-Dock-Smart-Iframe-Modal
📦 Floating Dock + Smart Iframe Modal
A modern floating dock with smart iframe modal built for bloggers, creators, and entrepreneurs.
This script allows you to showcase multiple links (Patreon, Blog, GitHub, etc.) inside a clean expandable dock,
and each link opens in a responsive modal iframe without leaving your page.
👉 Perfect for Blogger, WordPress, or any HTML website.
🌍 Live Preview
✨ Features
- 🖱️ Expandable floating dock with icons & tooltips
- 📑 Clean modal iframe preview (no page reloads)
- 🎨 Modern CSS with animations and soft shadows
- 📱 Fully responsive & mobile-friendly
- 🔧 Easy to integrate into Blogger, WordPress, or static HTML
- ⚡ Fast, lightweight, and customizable
📥 Installation & Usage
- Copy the HTML code from this repository.
- Paste it into your Blogger HTML/JavaScript widget or your site’s
<body>. - Update the links inside the dock (
Patreon,Blog,GitHub) with your own URLs. - Add the provided CSS and JavaScript sections (included in this repo) to your template or inside
<style>and<script>tags.
🛠 Example Dock Links
- Patreon Collections
- Blog (Blogger Demo)
- GitHub Repository
Each link opens in a modal iframe, keeping users engaged on your site.
📌 Use Cases
- 🎤 Creators showcasing Patreon or Gumroad collections
- 📚 Bloggers embedding resource hubs
- 👨💻 Developers linking project previews + GitHub repos
- 💼 Entrepreneurs highlighting products/services without redirecting traffic
🤝 Contributing
Feel free to fork this repo and make improvements!
- Submit a pull request with your changes.
- Report issues or suggestions in the Issues tab.
📜 License
This project is licensed under the MIT License — free to use and modify.