Create CSS clip-path shapes visually with presets and custom polygon editing.
Runs entirely in your browser.
CSS Clip Path Tool
Shape Presets
Circle Small Circle Ellipse Inset Rounded Inset Triangle Diamond Pentagon Hexagon Heptagon Octagon Star Chamfer Message Parallelogram Trapezoid Perspective Arrow Left Arrow Right Corner Triangle Up
Custom clip-path value
CSS Output
About CSS Clip Path
The CSS clip-path property creates a clipping region that limits the rendering of an element to its geometric shape.