About

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.

What started as an experimental blog became an exciting playground for sharing the passion for web design and web development.

The web is innovating each and every day, pushing the boundaries of how websites are built from the fundamental structure to the most delicate interaction effects. And on Codrops we want to share some of that.

We are always looking for creative minds to join us, write for us, explore, collect, engage… So, if you would like to become part of Codrops, please contact us!

Codrops is curated by

Manoela Ilic

Mary Lou (Manoela Ilic) is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

Latest Articles

Background Segment Effect

A background image segment effect as seen on Filippo Bello's Portfolio, employing the CSS clip-path property and powered by anime....

Fancy SVG Letter Animation

An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Juli...

Multi-Layout Slideshow

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js....

Simple Interactive Points Effect

An interactive transparency background effect that makes images visible when specific points are hovered, showing some content onc...

Interactive Record Player

An experimental template with an interactive old school record player powered by the Web Audio API....

Would you like to join Codrops?

We are always searching for writers, web developers and web designers who would like to contribute to Codrops!

If you would like to talk about your ideas, write a tutorial or simply share something that you created, please contact us.