Skip to content

Elastic Frame

Hover Effect for Images & Videos

Elastic Frame preview image 1

Summary

Designed for performance, Elastic Frame uses Smart Render to enable interaction on desktop and automatically switch to a static version on mobile, ensuring fast loading and smooth…

Description

Designed for performance, Elastic Frame uses Smart Render to enable interaction on desktop and automatically switch to a static version on mobile, ensuring fast loading and smooth frame rates on every device.

Features

  • Works with images and videos

  • Supports Framer uploads and external video URLs

  • Real-time cursor interaction

  • Debug mode for precise tuning

  • Smart render mode with mobile fallback

  • Zero code setup

Customization

Elastic Frame is highly customizable and gives you full control over how the interaction behaves. You can adjust mesh resolution, cursor size, and overflow area, fine-tune the visual response with debug mode, and choose how the component renders across devices. The effect can be subtle and elegant or bold and playful, depending on your settings.

Questions & Support

Reach out via 𝕏/Twitter or email [email protected] — I’m here to help.

License Notice

Not allowed to be included in redistributable templates. Contact me for a custom license.

Rank history How rankings work →

12001400157138/149/59/2710/1911/10
  • All · #4988

Details

More like this