Manoela Ilic

Editor-in-Chief at Codrops. Designer, developer, and dreamer — sharing web inspiration with millions since 2009. Bringing together 20+ years of code, creativity, and community.

Folder Preview Ideas

In Playground,

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.

Mirror Effect

In Playground,

Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau’s and Method’s website. The idea is to mirror an image and animate it within the context of a slideshow.

Block Reveal Effects

In Playground,

Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers some content underneath.

Surf Report Template

In Playground,

A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experimental.