Clip Path Generator
by Eugenio Ciccale
SVG Clip Path Generator, Image Mask generator, Insert SVG, copy HTML/CSS code
Installs
1,058
Likes
42
Users
7,253
Views
12,964
Preview
About this plugin
✨ CSS and SVG Clip Path GeneratorCSS Clip-Path Maker - Visual Shape EditorUpgrade in plugin via Figma or get a license keyNew features:
Edit polygon pathsAdded new path mask complex shapesEdit in codepenBetter svg and css code generationCreate stunning CSS clip-path shapes with visual editor and draggable handlesTransform your web designs with this powerful visual CSS clip-path generator. Create stunning geometric shapes, custom polygons, and complex clipping masks without writing code.
Key Features:
Image Gallery Selector - Choose from curated background images to preview your clip pathsUpload from Device - Test your shapes with your own images for perfect resultsEditable Polygon Handles - Drag vertices to fine-tune your shapes in real-timeComplex Path Shapes - pre-built shapes: triangles, stars, arrows, frames, and moreHTML & CSS Code - Get clean, copy-ready CSS clip-path code instantlySVG Code Support - Export shapes as SVG paths for maximum compatibilityLive Preview - See your changes instantly with real-time visual feedbackOne-Click Copy - Copy CSS code to clipboard with a single clickPerfect for web designers, developers, and anyone looking to add unique geometric elements to their projects. No coding experience required - just point, click, and create!
More editing & effects plugins plugins
View allMaterial Design Icons
Paidby Icons8
Instant easy access to the entire Material Design Icons library
Remove BG
Paidby Aaron Iker
Remove the background of images automatically with just a single click.
Content Reel
by Eugene Gavriloff
Design layouts more efficiently by pulling text strings, images, and icons.
Icons8 — icons, illustrations, photos
Paidby Icons8
All our graphics at your fingertips.