Motion Reveal Slideshow
by Manoela Ilic in Playground
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
Triple Panel Reveal Slideshow
by Manoela Ilic in Playground
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
+ more
Full Image Reveal Effect
by Manoela Ilic in Playground
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
+ more
Collapsing Logo Effect
by Manoela Ilic in Playground
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
+ more
Grid Layout with Motion Hover Effect and Content Preview
by Manoela Ilic in Playground
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
+ more
Ideas for Proximity Feedback with Progressive Hover Effects
by Manoela Ilic in Playground
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
+ more
Particle Effects for Buttons
by Luis Manuel in Playground
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
+ more
Freebie: “Oasis” Jekyll Website Template
A responsive Jekyll template designed for developers who want to set up a small landing page for their mobile applications.
+ more
Password Strength Visualization
by Manoela Ilic in Playground
Visual feedback for password strength on an image based on Colibro's sign up form.
+ more
WebGL Distortion Hover Effects
by Robin Delaporte in Playground
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
+ more
Expanding Grid Menu
by Manoela Ilic in Playground
A CSS Grid powered menu with a box look inspired by the effect seen in the "Ableton Live 10: What's New" video.
+ more
Glitch Effect Slideshow
by Manoela Ilic in Playground
A simple slideshow that uses the CSS Glitch Effect for the slide transitions.
+ more
Freebie: Designer Workspace Illustrations (AI, EPS, SVG, PNG)
by Diana Hlevnjak in Freebies
A set of 10 colorful and detailed designer workspace related illustrations coming in the formats AI, EPS, SVG, PNG.
+ more
Creative Audio Visualizers
by Yannis Yannakopoulos in Playground
An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library.
+ more
Freebie: “Dropcast” Website Template (HTML, Sketch)
Dropcast is a responsive HTML/CSS/Javascript template, comes with Sketch files and a fully working site with SCSS. It works very well for podcasts landing pages or b
+ more
Animated Fragment Slideshow
by Luis Manuel in Tutorials
A tutorial on how to create an experimental slideshow that animates in fragments. The slider is powered by the "Pieces" library, which was created for achieving inte
+ more
Scrolling Letters Animation
by Manoela Ilic in Playground
A switching title effect where a fixed text element changes with an animation depending on the scroll position.
+ more
Slice Revealer
by Manoela Ilic in Playground
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments.
+ more