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 💧 Watermark 🌑 Shadow 📝 Overlay 🖼️ Border ⭕ Circle Crop 📱 QR Code 👨‍💻 Dev Tools 🔍 Search API 🍳 Kitchen Tools