CSS Clip Path Generator
Create custom CSS clip-path shapes visually. Drag polygon points, choose presets, and copy the CSS code.
8.3Kuses
8.1/10(166)
Preset Shapes
Editor
Preview
Points (3)
1
2
3
Generated CSS
clip-path: polygon(50.0% 0.0%, 100.0% 100.0%, 0.0% 100.0%);
Recommended Products
Ad📖Web Design BooksShop →🖥️Developer MonitorsShop →🎨Color Reference CardsShop →⌨️Coding KeyboardsShop →📚Design BooksShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →
Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.
Disclaimer: This tool is provided as-is for informational and educational purposes only.