Demos Hub

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

clip-path×

clip-path marquee svg

Creating a Glowing Text Marquee Animation

12 months ago by Kaploom®Creative House

clip-path GSAP hover typography

Coding the Sliced Image Hover Effect from Quai Network

2 years ago by Manoela Ilic

clip-path shape slideshow

Shape Slideshow with Clip-path

4 years ago by Manoela Ilic

BackgroundScaleClip_featured

clip-path hover

Background Scale Hover Effect with CSS Clip-path

5 years ago by Manoela Ilic

Cutoutlayout_featured

clip-path grid parallax

Crafting a Cutout Collage Layout with CSS Grid and Clip-path

5 years ago by Bri Camp Gomez

clip-path glitch menu slideshow

Glitch Effect Slideshow

7 years ago by Manoela Ilic

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

clip-path glitch hover

CSS Glitch Effect

7 years ago by Manoela Ilic

clip-path menu slideshow

Sliced Dual Image Layout

8 years ago by Manoela Ilic

clip-path hover morphing shape

Organic Shape Animations with SVG clipPath

8 years ago by Manoela Ilic

clip-path parallax

Little Fragments: Creating a Simple Image Poster Effect

8 years ago by Manoela Ilic

Background Segment Effect

9 years ago by Manoela Ilic

clip-path grid page transition svg

Card Expansion Effect with SVG clipPath

10 years ago by Claudio Calautti

Button Styles Inspiration

button clip-path

Inspiration for Button Styles and Effects

10 years ago by Manoela Ilic