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 grid page transition svg

Card Expansion Effect with SVG clipPath

10 years ago by Claudio Calautti

Demos Hub

Tagged with

CSS Grid Layout Slideshow

Inspiration for Grid Loading Animations

Item Reveal Animations with SVG

Interactive Record Player

Isometric and 3D Grids

Polaroid Stack to Grid Intro Animation

Generate & deploy to Vercel with 1 click. Next.js 14, Typescript, TailwindCSS + Shadcn UI

Effect Ideas for Image Grids

Card Expansion Effect with SVG clipPath

Filterable Product Grid

Product Comparison Layout & Effect

Grid Item Animation Layout

Sliding Header Layout

Recreating the “Design Samsung” Grid Loading Effect

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

3D Grid Effect

Google Grid Gallery

Animations for Thumbnail Grids

Loading Effects for Grid Items with CSS Animations

Responsive Icon Grid

View Mode Switch

Dynamic Grid with Transitions

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

Product Grid Layout

Responsive Full Width Grid

App Showcase with Grid Overlay

Thumbnail Grid with Expanding Preview

Sticky Captions Concept

Adaptive Thumbnail Pile Effect with Automatic Grouping