Hover Burst Gallery adds a dynamic hover effect that reveals a burst of visuals around your main media. Ideal for modern portfolios, product reveals, and interactive hero sections
Made with Workshop
Build your own component with AI
Hover Burst Gallery is a premium, playful hover-interaction component designed to instantly capture attention. When users hover or click the main media, surrounding images or videos burst outward in motion, creating a visually exciting reveal experience. Add motion depth with 3D tilt, cursor tracking, media popups, and fully adjustable animation styles.
Perfect for product previews, portfolios, galleries, and storytelling websites — anywhere you want a bold spotlight moment.
Supports Images & Videos for both main and background media
Interactive burst animation on hover/click
Cursor-follow motion for a dynamic feel
3D tilt effect with realistic rotation
Media popup lightbox with optional close button
Extensive customization:
Spread distance + randomization
Size, rotation, opacity, borders
Animation duration + easing
Keyboard-friendly & accessible (Enter/Space activation)
High-performance using Framer Motion
Easily adjustable inside Framer — no coding required
Portfolio hero sections (Designers, Photographers, Creators)
Product showcase on Ecommerce pages
Video teasers & preview grids
Marketing landing pages needing high visual engagement
Gallery displays & creative collections
Drag the component onto your canvas
Add your main image or video as the focus media
Populate background images or videos for the burst effect
Customize:
Spread distance & randomness
3D tilt & cursor follow
Popup modal style
Borders, opacity & sizing
Preview and enjoy the WOW effect
Pro Tip: Use high-contrast visuals and subtle hover borders for an elevated premium interaction.
