Loading the catalog…
Loading the catalog…
1,645 components across four tiers — a CSS hover state, a pricing section, a whole dashboard screen, or a project you can clone. One search over all of them.
9 matches for “clip-path shapes”
Six-sided ocean tile cut with clip-path that spins 30° on hover.
Organic ocean blob that continuously reshapes itself through border-radius keyframes.
Two clipped ten-point stars offset into an ocean sale burst that twists on hover.
A rose gradient masked into a heart by an inline SVG path, popping larger with a springy hover.
A play triangle built from two clipped halves that separate and square off into a pause icon on hover.
A two-tone paper dart clipped from a gradient, which darts up and to the right on hover while three speed dashes settle into place behind it.
Coupon/ticket shape with circular bites cut from both edges — two radial masks intersected, no SVG.
Section whose bottom is scalloped by a repeating radial mask, so the wave is cut out of the element rather than covered by a shape on top.
Ten-point clip-path polygon over a conic fill, so the highlight sweeps around the points as the shape turns rather than rotating with them.