The Tool Hive LogoThe Tool Hive

Tools

Network Tools

Text Tools

Data Tools

Design Tools

Development Tools

Code Tools

Security Tools

Utility Tools

About

Categories

  1. Home
  2. Tools
  3. Design Tools
  4. Clip Path Generator
The Tool Hive Logo

The Tool Hive

A comprehensive collection of free, browser-first tools for developers. Network requests only occur when a tool makes them explicit.

Tools

Text ToolsData ToolsDesign ToolsNetwork ToolsDevelopment Tools

Resources

AboutPrivacy PolicyTerms of Service

Contact Us

Having any issues? Wish to request a tool or feature? Contact us here.

Email Us

© 2026 The Tool Hive. All rights reserved.

PrivacyTermsCookies

CSS Clip-path Generator

Build clip-path shapes with draggable points and presets, with a live preview and copyable CSS.

Polygon shapes

Other types

Preview

Drag the dots to reshape · double-click a dot to remove it

Vertices

6
1

X

Y

2

X

Y

3

X

Y

4

X

Y

5

X

Y

6

X

Y

CSS output

clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);