Sliced Dual Image Layout

Some layouts with sliced background images, slideshow functionality and glitch effect.

Sliced Dual Image Layout 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 →

Morphing Page Transition

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

Morphing Page Transition was written by Mary Lou and published on Codrops.

Read more →

Animated Image Pieces

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js.

Animated Image Pieces was written by Mary Lou and published on Codrops.

Read more →

CSS Grid Layout Slideshow

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.

CSS Grid Layout Slideshow 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 →

Playful Little Tooltip Ideas

Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, we use shape morphing and transform.

Playful Little Tooltip 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