Freebie: Smoothies Icon Set (AI, SVG, PNG)
by Manuela Langella in Freebies
A free icon set of 12 yummy smoothies made with soft shading and modern shapes. The illustrations come in SVG, AI and ready-to-use optimized PNG format in three diff
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
Little Fragments: Creating a Simple Image Poster Effect
by Manoela Ilic in Tutorials
A tutorial on how to create a simple image effect with little image fragments inspired by some poster art and powered by clip-path.
+ more
Mirror Effect
by Manoela Ilic 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 s
+ more
A Look Back at 2016: Round-up of Codrops Resources
by Manoela Ilic in Articles
A look back at 2016 with a summary of all Codrops resources. Thank you all for supporting us!
+ more
Block Reveal Effects
by Manoela Ilic 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 decr
+ more
Freebie: Kitchen Tools & Appliances Icons (AI, EPS, SVG, PNG)
by Brook Wells in Freebies
A set of 20 easy-to-adjust, line-style kitchen tools and appliances icons in AI, EPS, SVG and ready-to-use, optimized PNG format.
+ more
Freebie: Geeky Christmas Vector Set + Patterns
by Tatiana Lapina in Freebies
A free hand-drawn vector set plus two bonus patterns with a geeky Christmas related theme. Includes vector files and ready-to-use, optimized PNGs.
+ more
Interactive Musical Instruments
by Manoela Ilic in Playground
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
+ more
Tilt Hover Effects
by Manoela Ilic in Playground
Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.
+ more
Surf Report Template
by Manoela Ilic 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 experim
+ more
Cubes Advent Calendar
by Manoela Ilic in Playground
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.
+ more
Freebie: Winter Sports Icons (SVG, PNG)
A set of 50 vector icons with a winter sports theme. The icons can be easily adjusted and come in SVG format plus optimized, ready-to-use PNG format. Made by Freepik
+ more
Artsy Media Pop Up Effect
by Manoela Ilic in Playground
A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with
+ more
Freebie: Virtual Reality Icons
by Manuela Langella in Freebies
A free icon set with a Virtual Reality (VR) theme. The icon set contains 12 icons in AI, PDF, EPS, SVG and optimized PNG format.
+ more
Inspiration for Letter Effects
by Manoela Ilic in Playground
A set of inspirational letter animations for display typography effects powered by anime.js.
+ more
Line Maker: Animated Decorative Lines
by Manoela Ilic in Playground
The Line Maker is a plugin for creating and animating decorative lines on websites. Inspired by site designs like 'Uber Brand Experience' and 'Details'.
+ more
Transition Effect with CSS Masks
by Robin Delaporte in Tutorials
A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!
+ more
Background Segment Effect
by Manoela Ilic in Playground
A background image segment effect as seen on Filippo Bello's Portfolio, employing the CSS clip-path property and powered by anime.js.
+ more