Transform Your Virtual Tours with Professional Glass Effects
Glassify brings modern glassmorphism to 3DVista, letting you create premium UI elements with stunning backdrop blur effects—no coding knowledge required.
👉 See it in action – Interactive Demo Tour
What You Get:
- Universal JavaScript Code – Install once per tour, use unlimited blur effects
- 11 Pre-Designed Demo Components – Ready-to-use templates for menus, panels, cards, and modals
- Complete Documentation – Step-by-step setup, syntax guide, and best practices
Two Powerful Blur Types:
🔹 Basic Blur (Uniform) Perfect for clean, classic frosted glass effects. Apply consistent blur across your entire element with simple syntax like blur-20. Great for menu backgrounds, card overlays, modals, and info panels. Start with 10-15px for text-heavy content, use 20-25px for mixed content, or go bold with 30-50px for maximum visual impact.
🔹 Progressive Blur (Gradient) Create eye-catching directional effects that fade from blurred to transparent. Use blur-20-top-40 to add depth and guide attention exactly where you want it. Ideal for navigation bars, bottom panels, sidebars, and any element where you want a sophisticated fade effect. Choose your direction (top, bottom, left, right) and control how far the blur extends (0-100%).
Why Users Love Glassify:
✓ Zero Coding Required – Simple naming convention anyone can use
✓ Instant Results – See effects immediately in preview mode
✓ Unlimited Creativity – Apply to any UI element, unlimited uses per project
✓ Premium Aesthetics – Modern glassmorphism that impresses clients
✓ Better Readability – Text stays clear over complex panoramic backgrounds
✓ Smooth Performance – GPU-accelerated for optimal speed
✓ Universal Compatibility – Works on 94%+ of browsers worldwide
Perfect For: Real estate tours • Product showcases • Museums • Hotels • Training environments • Architectural presentations • Any tour that needs a modern, premium look
Browser Support: Chrome, Safari, Firefox, Edge, and all modern mobile browsers (iOS, Android, Samsung Internet)
⚠️ Important Note About Animations:
For best results, avoid applying fade in/out transitions to parent containers of blurred elements. The fade transition should be applied directly to the blurred element itself. If the fade is on a parent container, the blur may disappear during the transition.
Note: This only occurs when the container is transparent to the panorama background. If you’re blurring over a still image, fade transitions work perfectly. Slide, hide, and show transitions work without any issues in all scenarios.
The documentation includes detailed workarounds. This is a browser-level behavior with backdrop-filter, not a Glassify limitation.
Installation: Copy-paste the code into Main Viewer actions. Takes under 5 minutes. That’s it!
👉 Explore the Live Demo to see all 11 components and both blur types in action.
License: One purchase = unlimited use across ALL your 3DVista projects. Commercial use included.
Make your virtual tours stand out with professional glass effects. Get Glassify today!