Pick a preset shape or enter a custom polygon, preview it live, and copy the CSS.
Preset Shapes
Custom Value
Overrides the selected preset when not empty.
Live Preview
Triangle Up
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);Yes, CSS Clip Path Generator is completely free to use on UtilityCove.
No. CSS Clip Path Generator runs in your browser, so your input stays on your device.
Yes. CSS Clip Path Generator works on modern mobile and desktop browsers.
CSS Gradient Generator
Create linear CSS gradients with a live preview.
CSS Box Shadow Generator
Build and preview CSS box-shadow values with one-click copy.
CSS Glassmorphism Generator
Generate frosted-glass CSS with backdrop blur and copy-ready styles.
QR Code Generator
Generate custom QR codes for any text or URL.
WiFi QR Code Generator
Generate a scannable QR code to share WiFi credentials instantly.
Letter Profile Picture
Generate avatar images from initials with custom colors.