---
title: "Image Clip Path — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Bryn Taylor · Text. Add a custom vector clip path to your images."
canonical: "https://framer.elliotli.dev/component/image-clip-path"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Image Clip Path

# Image Clip Path

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

![Image Clip Path preview image 1](https://framer.elliotli.dev/og/component/image-clip-path/3a72de101e83d38f/1600x1200.jpg)

## Summary

Add a custom vector clip path to your images.

## Description

## Add a custom vector clip path to your images.

Define any image — even from the CMS — to follow your cursor when you hover over an area.

The component is super customisable. Choose from 9 presets, and customise each to your liking: you can change the number of sides, depth of cuts, border radius, rotation and more.

This component is perfect to add more personality to your images.

## Key features

-   Fully customisable to suit your design
    
-   Choose from 9 pre-defined templates: Polygon, chamfered, smooth corners, zigzag, and 4× rough cutout options
    
-   Rotate all clip paths to get the perfect angle
    
-   Style responsively as you would any other Framer element
    
-   Free updates for life
    

## What you can customise

-   **Image:** Choose any image, even connect dynamically to a CMS field
    
-   **Alt text:** Add alt text to your image for accessibility and SEO best practices
    
-   **Sides:** Create a custom polygon with 3–12 sides
    
-   **Cut:** Define how deep the cut shapes are
    
-   **Inset:** Define the edges to be inset by a custom amount to get star-type shapes
    
-   **Rotation:** Rotate all clip paths in 45º increments, but not limited to
    
-   **Teeth:** Choose how many teeth the zigzag has
    

## Refund policy

30-day money-back guarantee if you’re not fully satisfied with the purchase.

## Questions and Support

Email me at [hello@bryntaylor.co.uk](mailto:hello@bryntaylor.co.uk) — happy to help.

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

-   All · #9641

## Details

- **Author**: Bryn Taylor
- **Price**: $12.00
- **Published**: 2025-09-16
- **Updated**: 2025-12-08
- **Added**: 2025-09-05
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing