---
title: "WARP — Free Framer component · Best of Framer"
description: "Free Framer component · by Tanya Deep · Effects. WARP adds interactive image distortion directly to your Framer site."
canonical: "https://framer.elliotli.dev/component/warp"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/WARP

# WARP

Feel alive with warp + X-ray

[View on Framer](https://framer.com/marketplace/components/warp/?via=elliot-li)

![WARP preview image 1](https://framer.elliotli.dev/og/component/warp/41213faade7e593e/1600x853.jpg)

## Summary

WARP adds interactive image distortion directly to your Framer site.

## Description

**WARP** adds interactive image distortion directly to your Framer site.

Move your cursor across an image to create a localized warp effect, reveal an X-ray lens, or combine both for a more playful interaction.

**What you get**

• Cursor-powered image distortion • X-ray lens with multiple styles • Warp, X-ray, or combined modes • Adjustable intensity and interaction size • Portrait and landscape aspect ratios • Rounded corners and customizable framing • Fully responsive and built for Framer

No extra setup. Add the component, choose your image, adjust the controls, and publish.

**Made for portfolios, landing pages, creative studios, product sites, and anywhere an image could use a little movement.**

## Rank history [How rankings work →](/terms#rankings)

-   All · #8076

## Details

- **Author**: Tanya Deep
- **Published**: 2026-09-07
- **Updated**: 2026-09-08
- **Added**: 2026-09-07
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows