Clip‑Path Shapes

Create custom CSS clip-path shapes with visual controls. Perfect for creating unique layouts and image masks.

Shape Type

Visual Editor

Clipped

Shape Controls

Radius

%

Position X

%

Position Y

%

Horizontal Radius

%

Vertical Radius

%

Position X

%

Position Y

%

Top

%

Right

%

Bottom

%

Left

%

Border Radius

%

Click on the canvas to add points. Drag to move points.

Preset Shapes

Full Circle

Triangle

Diamond

Hexagon

Pentagon

Star

Chevron

Message

Generated CSS

/* CSS will appear here */

CSS copied!