CSS clip-path Generator

Drag control points to create custom clip-path shapes. Click presets for quick starts.

Preview

Generated CSS

With Vendor Prefix

Inline Style

Copied!

More Free Tools

🖼️ Resize ✂️ Crop 🗜️ Compress 🎨 Filters 🔄 Rotate ↔️ Flip 🌑 Shadow 📝 Overlay 🖼️ Border ⭕ Round 📱 QR Code 👨‍💻 Dev Tools 🔍 Search API