Warped Card
An image card that swells like a lens around the pointer. The bulge fades in when the pointer enters, trails behind it with a little lag, and fades out when the pointer leaves. It's a WebGL shader running on your image.
Preview
Preview
Properties
Properties
- Type
- Framer component
- Price
- $5
- Year
- 2026
- Status
- Live
- Listing
- sauwarna.lemonsqueezy.com
- Slug
- warped-card
Features
Features
- The image, which fills the card and crops to fit.
- Card width, from 100 to 1200 px, and the aspect ratio, written as height divided by width.
- The bulge's size and how hard it magnifies.
- Dampening, which sets how closely the bulge follows. A higher number follows faster.
- The length of the fade in and out, up to 3 seconds.
- The corner radius, typed as a CSS value such as 16px.
References
References Where to get it, and what it runs on.
Keep going
