Polaroid Stack to Grid Intro Animation
by Manoela Ilic in Tutorials
A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.
+ moreby Manoela Ilic in Tutorials
A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.
+ moreA free set of 30 vector line icons with a scientific theme in the formats AI, EPS, SVG, PSD and PNG by Vecteezy.
+ moreby Manoela Ilic in Playground
A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot "Mobile Commerce Interface" by Bilal Mec
+ moreby Manoela Ilic in Playground
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
+ moreby Manoela Ilic in Playground
Some ideas for menu styles and effects that employ the line as a creative design element. This is an open collection; contributions are welcome!
+ moreby Manoela Ilic in Articles
A look back at 2015 with a summary of all Codrops resources. Thank you all for supporting us!
+ moreby Juan Sarmiento in Freebies
A set of 30 colored line icons in fresh pastel tones for your next design agency related project. The icons come in vector format (SVG) and PNGs of various sizes.
+ moreby Catalin Zorzini in Freebies
A set of 36 carefully crafted allergen-related icons for food and cosmetics. Made by our friends at Vandelay Design exclusively for Codrops readers.
+ moreby Lucas Bebber in Playground
An interactive journey where a Canvas map path is animated according to the content that is scrolled on the page.
+ moreby Manoela Ilic in Tutorials
A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.
+ moreby Manoela Ilic in Playground
A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.
+ moreby Manoela Ilic in Blueprints
A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.
+ moreby Luis Manuel in Tutorials
A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating S
+ moreby Manoela Ilic in Playground
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
+ moreby Lucas Bebber in Playground
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
+ moreby Manoela Ilic in Playground
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
+ moreby Manoela Ilic in Playground
A mobile "pull to share" interaction that allows to share a page by using the familiar "pull to refresh" movement. Based on the action for refreshing and opening/clo
+ moreby Manoela Ilic in Blueprints
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.
+ more