CSS Shapes Editor
CSS Shapes Editor Chrome Extension - Interactive CSS Design
Extension stats
- <all_urls>
Ranking
Other platforms
Extension summary
Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.
Update 21 May 2015:
For polygons, unit-less zero coordinates will inherit the non-zero sibling coordinate unit instead of defaulting to pixels. Example 0 100% => 0% 100%
Shapes sidebar: New sidebar to the DevTools Elements panel called "Shapes" which offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on the selected element.
Polygons: Click the edges of the shape to add new points. Drag points to change the shape. Double-click points to remove them. Select the transform tool to move, scale and rotate the polygon shape.
Circles & ellipses: Drag the shape to move it around. Pull on the edges and corners to scale and resize.
See moreUser reviews
These summaries are automatically generated weekly using AI based on recent user reviews.
Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate,
spammy, or outdated.- Very useful for working with clip-path and shapes.
- Time-saving tool for CSS shapes.
- Great resource when it works properly.
- Helpful blog post for additional tips.
- Good start with a lot of potential.
- Unreliable and often doesn't work.
- Difficulty in understanding how to use the extension.
- Limited integration with DevTools.
- Options are poorly hidden or not visible.
- Requires fixes for stability and functionality.
- Does not work or is unreliable.
- Encouragement to watch the demo video.
- Issues with understanding integration and usage.
- Helpful tips provided in external blogs.
- Good tool when it functions correctly.
User reviews
Gregori Rain, 2021-11-29 
Tanmay Dwivedi, 2021-06-04 
Kelsey MacPherson, 2021-05-16Extension safety
Risk impact
CSS Shapes Editor requires a few sensitive permissions. Exercise caution before installing.
Risk likelihood
CSS Shapes Editor has earned a fairly good reputation and likely can be trusted.
Promo images
Similar extensions
Here are some Chrome extensions that are similar to CSS Shapes Editor:
