CSS Clip-Path Generator
Generate a CSS clip-path declaration — circle, ellipse, inset, or a polygon shape (triangle, hexagon, star, arrow, and more) with a hand-editable custom point list — with a live preview of the clipped shape.
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Shape
circle, ellipse, inset, triangle, rhombus, pentagon, hexagon, octagon, star, message, arrow, cross, chevron, parallelogram, trapezoid, custom-polygon Radius %
1 <= x <= 100Center X %
0 <= x <= 100Center Y %
0 <= x <= 100Radius X %
1 <= x <= 100Radius Y %
1 <= x <= 100Center X %
0 <= x <= 100Center Y %
0 <= x <= 100Top %
0 <= x <= 100Right %
0 <= x <= 100Bottom %
0 <= x <= 100Left %
0 <= x <= 100Corner Radius %
0 <= x <= 50Polygon Points
Response
Tool output
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Correlation id, also sent as x-request-id.