DesignOpinions
Rotating Image Slider
An asymmetrical, rotating image slider.
CodeResources
Creative CSS3 Animation Menus
Experiments with CSS3 transitions and animations.
CodeResources
Typography Effects with CSS3 and jQuery
Typography effects for big headlines.
CodeSamples
Circle Hover Effects
Hover effects on circles with CSS transitions and 3D rotations.
DesignResources
Thumbnail Grid with Expanding Preview
Creating an effect similar to that on Google Images.
CodeSamples
Responsive Multi-Level Menu
Space-saving drop-down menu with subtle effects.
DesignSamples
Creative Button Styles
Modern button styles and effects.
CodeSamples
Nifty Modal Window Effects
Made with CSS transitions and animations.
DesignSamples
Loading Effects for Grid Items
Made with CSS3 animations.
CodeSamples
Creative Link Effects
Subtle and modern effects for links or menu items.
DesignSamples
Sidebar Transitions
Transition effects for off-canvas views.
DesignSamples
Animated Checkboxes and Radio Buttons with SVG
Some fancy animated form inputs.
DesignSamples
Progress Button Styles
Creative effects for loading buttons.
DesignSamples
Shape Hover Effect with SVG
Three examples of cool hover effects.
DesignSamples
Simple Stack Effects
Image effects that stand out on a web page.
DesignSamples
3D Grid Effect
Flip a grid item, expand it to fullscreen, and reveal some content.
DesignSamples
Page Loading Effects
Modern ways of revealing new content.
DesignSamples
Morphing Buttons Concept
Unexpected action effects.
DesignResources
Inspiration for Inline Anchor Styles
Creative and modern inline anchor styles and hover effects.
DesignSamples
Hover Effect Ideas
Inspiration for subtle hover effects.
DesignSamples
Custom Select Elements
Ideas on how to let users select a choice in style.
DesignSamples
Notification Styles Inspiration
Simple ideas and effects for web site notifications
DesignSamples
Tab Styles Inspiration
A small collection of styles for tabs.
DesignResources
Off-Canvas Menu Effects
Showing (off-canvas) menus stylishly.
CodeResources
Wobbly Slideshow Effect
Tutorial and demo.
DesignSamples
Some More Subtle Hover Effect Ideas
Tutorial and demo.
DesignSamples
Simple Morphing Search
A search box that morphs into a full screen search page.
DesignSamples
Drag and Drop Interaction Ideas
Exploration of a new design pattern.
DesignSamples
Dialog Effects
Modal window appearance effects using CSS/SVG animations.
DesignSamples
Elastic SVG Elements
SVG shape animations for enhanced UI interactions.
CodeSamples
Sliding Header Layout
A layout with a sliding header and an image grid.
DesignResources
A look back at 2014
A round-up of Codrops resources.
DesignSamples
Text Input Effects
Animated styles and effects for form text fields.
DesignResources
Checkout Concepts
Simple enhancements for the checkout process.
DesignSamples
Subtle Click Feedback Effects
A set of subtle effects for click or touch interactions.
DesignResources
Inspiration for Button Styles and Effects
Some fresh styles and hover effects.
DesignSamples
Text Input Effects
Simple ideas for enhancing text input interactions.
DesignSamples
Animated Grid Layout
A responsive, magazine-like layout with an animated grid item effect.
DesignSamples
Interactive Drag and Drop Coloring Concept
Experiment and demo.
CodeOpinions
Inspiration for Text Styles and Hover Effects
Tutorial and demo.
CodeResources
Product Comparison Layout & Effect
Responsive product grid layout with comparison functionality.
CodeResources
Zoom Slider
Content slider with depth-like zoom functionality.
CodeSamples
Icon Animations Powered by mo.js
What you can do with the motion graphics library.
DesignResources
Interactive 3D Mall Map
With sidebar search and pin indicators for every level.
DesignSamples
Inspirational Websites from 2018
Designs with amazing interactions and innovative effects.
DesignSamples
Awesome Demos from 2018
A collection of outstanding experiments and demos.