Collective #366

The New Firefox * BDDI 2018 * The Cost Of JavaScript * Avataaars * freeCodeCamp Talks * WASM accelerated particles

Collective #366 was written by Mary Lou and published on Codrops.

Read more →

Animated SVG Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.

Animated SVG Frame Slideshow was written by Mary Lou and published on Codrops.

Read more →

Expanding Grid Item Animation

A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot “Surf Project” by Filip Slováček.

Expanding Grid Item Animation was written by Mary Lou and published on Codrops.

Read more →

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 →

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