Responsive Icon Grid
by Manoela Ilic in Blueprints
A responsive grid of anchors with icons, text and some example hover transitions.
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
View Mode Switch
by Manoela Ilic in Blueprints
A simple view mode switch that has two example layouts, a grid and a list.
+ more
Expanding Search Bar Deconstructed
by Manoela Ilic in Tutorials
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
+ more
Nifty Modal Window Effects
by Manoela Ilic in Playground
A set of experimental modal window appearance effects with CSS transitions and animations.
+ more
Dynamic Grid with Transitions
by Manoela Ilic in Playground
A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can ad
+ more
Caption Hover Effects
by Manoela Ilic in Tutorials
A tutorial on how to create some subtle and modern caption hover effects.
+ more
Creative Button Styles
by Manoela Ilic in Playground
Some creative and modern button styles and effects for your inspiration.
+ more
Freebie: Stationery Icon Set (EPS, AI, PSD)
by Shaun Dona in Freebies
A creative and unique Stationery icon set by Shaun Dona for your next project.
+ more
Web Audio Stylophone
by Stuart Memo in Tutorials
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
+ more
On-Scroll Animated Header
by Manoela Ilic in Blueprints
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
+ more
Responsive Multi-Column Form
by Manoela Ilic in Blueprints
A responsive multi-column form with example media queries for a flexible layout.
+ more
Simple Icon Hover Effects
by Manoela Ilic in Playground
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
+ more
BookBlock Revised
by Pedro Botelho in Articles
The content flip plugin BookBlock has been updated and improved. Content can be flipped vertically and horizontally, and we've added support for RTL among other thin
+ more
Tooltip Menu
by Manoela Ilic in Blueprints
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
+ more
Examples of Pseudo-Elements Animations and Transitions
by Marco Barria in Playground
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
+ more
Natural Language Form with Custom Input Elements
by Manoela Ilic in Tutorials
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.
+ more
Product Grid Layout
by Manoela Ilic in Blueprints
A responsive product grid layout with some UI details for inspiration.
+ more
Horizontal Slide Out Menu
by Manoela Ilic in Blueprints
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
+ more