Take your image comparisons to the next level with CompareIt Pro. Built for performance and precision, this plugin offers a premium experience for photography, architecture, medical aesthetics, or e-commerce.
π₯ Key Features:
π±οΈ Magnetic Hover Mode: Let users slide simply by moving their mouse. Includes a "Smart Snap" feature that automatically closes the slider to 0% or 100% when near the edges for a clean view.
π·οΈ Smart Fade Labels: Labels float above the slider (high z-index) and never get cut off. They automatically fade out smoothly as the slider approaches them.
π¨ Total Customization: Upload your own Custom Handle (icon), change colors, fonts, and sizes to match your brand.
β¨οΈ Accessibility: Full keyboard support (Left/Right arrows) for precise control.
π± Mobile Optimized: Smooth touch interactions on phones and tablets.
β¨ Instant Filters: Apply quick filters (Grayscale, Blur, Sepia) to the "Before" image directly within the plugin.
π₯ V2: THE INTERACTION UPDATE CompareIt is no longer just a visual tool; it now talks to your workflows!
β¨ NEW FEATURES:
β‘ Workflow Events: Trigger actions when a user changes the slider value (e.g., unlock a button when they see the "After" image).
π "Wiggle" Action: A physics-based shake animation to grab the user's attention.
π¨ Pro Styling: Control Border Radius, Divider Width, and Drop Shadows.
πΌοΈ Object Fit: Choose between Cover (fills box) or Contain (shows full image) - perfect for product photography.
π Locked Mode: Set the slider to read-only state.
Demo Test:
https://demo-app-56978.bubbleapps.io/version-test/imageslider_pro/1764811505298x396085320893968960Editor:
https://bubble.io/page?id=demo-app-56978&tab=Design&name=imageslider_pro&ai_generated=true&type=page&elements=bTJTh1
Built on Bubble
