Morphing Page Transition
By Mary Lou on
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up. ...
svg
Freebie: Hand-drawn Geek’s Treasure Chest (AI, EPS, PDF, SVG, PNG)
By Tatiana Lapina on
A set of 60 hand-drawn, playful illustrations all around tech and Web perfect for giving that unique touch to your next project. ...
First Person Sunglasses Try-On Experiment
By Mary Lou on
A fun "try-on" experiment that shows a first person view through the colored lenses of sunglasses, mimicking the movement of putting them on and off. ...
Freebie: Drone Icons (AI, Sketch, SVG, PNG, Iconjar)
By Round Icons on
A free drone icon set in solid and line style with 50 easy-to-adjust icons in AI, Sketch, SVG, PNG and Iconjar format. An exclusive set from the gigantic Native Line ...
Freebie: Smoothies Icon Set (AI, SVG, PNG)
By Manuela Langella on
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 ...
Freebie: Kitchen Tools & Appliances Icons (AI, EPS, SVG, PNG)
By Brook Wells on
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. ...
Interactive Musical Instruments
By Mary Lou on
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content. ...
Surf Report Template
By Mary Lou on
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 ...
Freebie: Winter Sports Icons (SVG, PNG)
By Freepik on
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 ...
Freebie: Virtual Reality Icons
By Manuela Langella on
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. ...
Fancy SVG Letter Animation
By Mary Lou on
An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Julian Garnier's anime.js. ...
Freebie: Water Sports Icons (SVG)
By Icons8 on
A set of 24 multi-colored icons with an aquatic sports theme. The icons come in SVG format and were designed with a soft, summer-like color scheme and optimal scalab ...
Freebie: Houses & Buildings Icons (AI, PDF, SVG, PNG)
By Manuela Langella on
A set of 12 houses and building icons coming in four different formats, ready to use in your next housing or rental related project. ...
Item Reveal Animations with SVG
By Mary Lou on
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js. ...
Freebie: Yoga Icons (AI, SVG, PNG)
By Juan Sarmiento on
A set of 40 free Yoga related icons in a sharp, boxy outline style with modern coloring made by Iconshock exclusively for Codrops readers. ...
Interactive Record Player
By Mary Lou on
An experimental template with an interactive old school record player powered by the Web Audio API. ...
Freebie: Urban Gardening Icons (AI, PDF, SVG, PNG)
By Manuela Langella on
A free icon set with an "urban gardening" theme. The icon set contains 10 icons coming in AI, PDF, SVG and optimized PNG format. ...
Freebie: Creativity & Learning Icon Set (PSD, AI, SVG, PNG)
By Anastasia Ageeva on
A free icons set with 30 uniquely designed icons all around creativity, learning and experimentation. The set comes in different formats including PSD, AI, SVG and o ...
Distorted Button Effects with SVG Filters
By Adrien Denat on
A set of inspirational, highly experimental distortion effects for buttons using SVG filters. ...
Freebie: Meditation & Spa Icons (AI, PDF, SVG, PNG)
By Manuela Langella on
A vector icon set related to wellness, spa and meditation designed by Manuela Langella exclusively for Codrops readers. ...
Animated Heat Distortion Effects with WebGL
By Lucas Bebber on
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text. ...
Freebie: Responsive Office Icons (EPS, PDF, SVG, PNG)
By Icons8 on
A set of 150 office icons that come in 4 size variations perfect for your next responsive app or website project. Created by Icons8. ...
Interactive 3D Mall Map
By Mary Lou on
An interactive 3D mall map concept with a sidebar search and pin indicators for every level. ...
Animated Animals in CSS and SVG
By David Khourshid on
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. ...
