Grid Layout with Motion Hover Effect and Content Preview

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.

Grid Layout with Motion Hover Effect and Content Preview was written by Mary Lou and published on Codrops.

Read more →

Ideas for Proximity Feedback with Progressive Hover Effects

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.

Ideas for Proximity Feedback with Progressive Hover Effects was written by Mary Lou and published on Codrops.

Read more →

WebGL Distortion Hover Effects

A little library that can be used for creating WebGL powered distortion hover effects using displacement images.

WebGL Distortion Hover Effects was written by Robin Delaporte and published on Codrops.

Read more →

CSS Glitch Effect

An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.

CSS Glitch Effect was written by Mary Lou and published on Codrops.

Read more →

Organic SVG Shape Morph Ideas

A small set of ideas for organic shape effects. The demos show some ways to use animated SVG morphs interactively on a website, including a menu hover and a content reveal effect.

Organic SVG Shape Morph Ideas was written by Mary Lou and published on Codrops.

Read more →

Inspiration for Menu Hover Effects

Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.

Inspiration for Menu Hover Effects was written by Mary Lou and published on Codrops.

Read more →

Letter Effects and Interaction Ideas (Part 2)

A new set of letter effects and animations for playful typography interactions.

Letter Effects and Interaction Ideas (Part 2) was written by Mary Lou and published on Codrops.

Read more →

Organic Shape Animations with SVG clipPath

Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.

Organic Shape Animations with SVG clipPath was written by Mary Lou and published on Codrops.

Read more →

Letter Effects and Interaction Ideas

A couple of ideas for typography animations and letter (hover) effects for playful interactions.

Letter Effects and Interaction Ideas was written by Mary Lou and published on Codrops.

Read more →

Folder Preview Ideas

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what’s inside.

Folder Preview Ideas was written by Mary Lou and published on Codrops.

Read more →

Testimonials

"Kyle has helped our company’s image a lot by redesigning our logo, creating our new website and putting together some great, eye-catching ads. He’s very easy to work with and we were able to hit all of our deadlines."
Elliot Feder - Director of Business Development, SpringBoard Data Management
"Kyle has a natural talent for taking any idea I have and turning it into a visual work of art. He is a genius with layouts and overall concepts, the first person I call when I know a project needs to be done right."
Cheryl Bell, Executive Business Manager, Global Automotive Consultants