Clippy (Bennett Feely) vs BrowserUtils

Clippy by Bennett Feely is a visual CSS clip-path maker. Pick a preset shape or drag points on a preview image, then copy the clip-path CSS.

Quick comparison

FactClippy (Bennett Feely)BrowserUtils
Runs whereIn the browserIn the browser (1 tool needs a server and is labeled)
Sign-upNot neededNot needed
AdsSomeNo third-party ads (one small note per page about our own products)
PlatformWebWeb, works on mobile
PriceFreeFree
Tools1 tool299

Checked

Where Clippy (Bennett Feely) is better

  • 26 preset shapes (triangle to decagon, bevel, arrows, chevrons, star, cross, message, frame, circle, ellipse and inset) plus a custom polygon. BrowserUtils has 10.
  • You can drag any point of a polygon on the live preview to reshape it, or click to build a custom polygon. BrowserUtils only offers fixed presets plus sliders for circle and inset.
  • Supports ellipse(), which BrowserUtils' generator doesn't offer, and can add the -webkit- prefixed property to the output.
  • Lets you preview on different background photos and show the area outside the clip path, so you can see exactly what gets cut.

Where BrowserUtils is better

  • A CSS triangle generator that uses the border technique, for when you need a triangle without clip-path.
  • No third-party ads or sponsor blocks. Clippy shows a Carbon ad and a CSS Scan sponsorship.
  • Other shape and effect generators on the same site: border-radius, box-shadow and CSS filter.
  • One-click copy of the finished clip-path declaration.

Tools on both

CSS Clip Path Generator
Generate CSS clip-path shapes
CSS Triangle Generator
Generate CSS triangles using borders

Try BrowserUtils, free.

299 tools. No sign-up. Almost all of them run entirely in your browser.

Browse all tools