CSS Clip Path Generator

Choose a polygon preset, edit points if needed, preview the clipped element, and copy CSS.

Shape

Custom polygon points

CSS

How to use this CSS Clip Path Generator

Generate polygon clip-path CSS from common shapes or custom percentage points. Enter your values above and the result is calculated directly in your browser. No account is required.

Fast answer, clear inputs

This tool is built around one job: give the answer quickly without forcing a signup or hiding the result. Related tools are linked nearby when the next calculation or conversion is useful.