component
Elastic Frame
By Helder Vilela
Details
- Helder VilelaAuthor
- componentType
- 2026-02-17Published
- 2026-04-29Updated
- 2026-02-10Added
- EffectsCategories
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 support@pixelthrone.com — I’m here to help. License Notice Not allowed to be included in redistributable templates. Contact me for a custom license.
Introduction
Hover Effect for Images & Videos
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3489