codrops / ShapesSlideshow

Related projects: ⓘ

• codrops / RapidImageHoverMenu
  A hover effect for a menu where images appear with an animation for each item.
  ☆163Updated last year
• codrops / RapidImageHoverMenuEffects
  A set of hover effects on menu items with images.
  ☆112Updated 4 years ago
• codrops / OnScrollPathAnimations
  Animating SVG paths on smooth scroll.
  ☆91Updated 2 years ago
• codrops / TypographyMotion
  Recreation of Thibaud Allie's letter stagger animation.
  ☆80Updated 3 years ago
• rluijten / codrops-parallax-slider
  ☆69Updated 3 years ago
• codrops / ImageStackGrid
  A simple intro animation where an image stack moves to become a grid.
  ☆67Updated 3 years ago
• codrops / PreviewContentTransition
  An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
  ☆85Updated 3 years ago
• codrops / OnScrollLetterAnimations
  Some examples of how to animate letters on scroll.
  ☆80Updated 3 years ago
• codrops / ImageToContent
  A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
  ☆101Updated 2 years ago
• codrops / CircularTextEffect
  An experimental circular SVG text animation
  ☆161Updated 3 years ago
• codrops / AnimateSVGTextPath
  Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.
  ☆56Updated 4 years ago
• codrops / ThumbHoverSVGFilter
  A simple hover effect for images using different SVG filters.
  ☆68Updated 3 years ago
• codrops / Theodore
  A little menu effect with an SVG overlay and an infinite background CSS animation.
  ☆83Updated 2 years ago
• codrops / HorizontalSmoothScrollLayout
  Some ideas for horizontal smooth scroll layouts and animations using Locomotive Scroll
  ☆149Updated 3 years ago
• codrops / SuperfluidLayout
  Experimental reveal animations on typographic elements
  ☆104Updated 2 years ago
• codrops / TileScroll
  Scroll animations for image grids using Locomotive Scroll
  ☆217Updated 3 years ago
• codrops / ThumbFullTransition
  An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
  ☆96Updated 3 years ago
• codrops / ExpandingRoundedMenu
  An expanding menu animation with a cover unreveal effect in the background.
  ☆52Updated 2 years ago
• codrops / 3DLettersMenuHover
  A hover animation for a menu with 3D letters and image effect.
  ☆77Updated 3 years ago
• codrops / LinesToLayout
  A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
  ☆77Updated 2 years ago
• codrops / KineticTypePageTransition
  A concept for a kinetic typography based page transition.
  ☆95Updated 2 years ago
• codrops / RepetitionHoverEffect
  A hover effect with repeated image layers that get scaled up and down.
  ☆43Updated 2 years ago
• codrops / MarqueeMenu
  A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.
  ☆78Updated 3 years ago
• codrops / ScrollAnimationsGrid
  Various effects for images when scrolling a page with a grid.
  ☆98Updated 2 years ago
• codrops / 3DGridContentPreview
  A grid layout with a magnetic hover effect and a content preview animation.
  ☆166Updated last year
• codrops / DiagonalThumbnails
  A simple slideshow with tilted thumbnails and large titles that animate when navigating.
  ☆79Updated 4 years ago
• codrops / UnrevealEffects
  Some explorations of page transitions using covering elements and CSS clip-paths.
  ☆66Updated last year
• codrops / MenuToGrid
  A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin…
  ☆109Updated 2 years ago
• codrops / ParanoiaSlideshow
  A slideshow page layout with a filter enhanced navigation effect on the images.
  ☆55Updated 2 years ago
• codrops / DoubleSlideshow
  ☆18Updated last year