This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. Using Modernizr's touch detection, the menu will either react on hover or on click. Example media queries show how to adjust the style for smaller scre…
☆104May 29, 2013Updated 12 years ago
Alternatives and similar repositories for TooltipMenu
Users that are interested in TooltipMenu are comparing it to the libraries listed below
Sorting:
- A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.☆87May 17, 2013Updated 12 years ago
- A simple, nestable accordion with some examples of nesting levels and a media query.☆34May 7, 2013Updated 12 years ago
- A responsive multi-column form with example media queries for a flexible layout.☆57Jun 6, 2013Updated 12 years ago
- A responsive horizontal drop-down menu inspired by the Microsoft.com menu.☆101May 7, 2013Updated 12 years ago
- A fluid content slider that will adjust in width and height depending on the size of its parent.☆47May 7, 2013Updated 12 years ago
- A fixed vertical icon menu that adjusts its size for smaller screens.☆60May 7, 2013Updated 12 years ago
- A responsive product grid layout with some UI details for inspiration.☆77May 17, 2013Updated 12 years ago
- A fullscreen background slideshow with autoplay functionality.☆68May 7, 2013Updated 12 years ago
- A simple view mode switch that has two example layouts, a grid and a list.☆82Jul 1, 2013Updated 12 years ago
- A responsive grid layout for multiple items in a row that fill all the available width.☆39May 7, 2013Updated 12 years ago
- Ever thought that clicking multiple checkboxes is not a very user-friendly task? Imagine rows and rows of junk mail that you'd like to se…☆58Oct 29, 2013Updated 12 years ago
- An experimental morphing device slideshow with CSS Transitions for showcasing responsive web design screenshots.☆93May 15, 2013Updated 12 years ago
- A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction…☆122Oct 25, 2013Updated 12 years ago
- A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side wh…☆111Apr 25, 2013Updated 12 years ago
- A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the item…☆138May 23, 2014Updated 11 years ago
- An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and ro…☆99Apr 30, 2015Updated 10 years ago
- A very simple 100% width slider that scales down to mobile.☆70Oct 31, 2014Updated 11 years ago
- 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 Tr…☆143Jun 19, 2013Updated 12 years ago
- An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and st…☆71Dec 21, 2012Updated 13 years ago
- A set of creative and modern inline anchor styles and effects for your inspiration.☆174Jun 19, 2014Updated 11 years ago
- A fixed background image scrolling layout with 100% height panels and smooth scrolling.☆144May 7, 2013Updated 12 years ago
- A simple automatic quotes rotator with progress bar and example media query.☆66May 7, 2013Updated 12 years ago
- A tutorial on how to recreate the four panel background image slideshow seen on Atelier Serge Thoroval's website.☆87Jun 10, 2015Updated 10 years ago
- A responsive grid of anchors with icons and text.☆91Jul 1, 2013Updated 12 years ago
- A set of subtle effects and styles for simple dot navigation.☆193Jan 21, 2014Updated 12 years ago
- Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the…☆164Jun 10, 2014Updated 11 years ago
- Various hover tooltip styles, shapes and effects for your inspiration.☆211Oct 7, 2014Updated 11 years ago
- A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.☆22Oct 1, 2020Updated 5 years ago
- An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnail…☆268Mar 29, 2013Updated 12 years ago
- An on scroll effect template that animates the sides of sections once they are in the viewport.☆224Jul 18, 2013Updated 12 years ago
- Codrops logos☆11Feb 20, 2026Updated last week
- 100% width tabbed content with some example media queries for smaller screens.☆176Mar 15, 2017Updated 8 years ago
- A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a tra…☆36Mar 6, 2015Updated 10 years ago
- Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.☆369Apr 24, 2014Updated 11 years ago
- A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery…☆63Dec 3, 2012Updated 13 years ago
- A tutorial on how to create a mobile-friendly and responsive expanding search bar.☆174Oct 20, 2016Updated 9 years ago
- A tutorial on how to recreate the slide out sidebar menu that can be seen on the Google Nexus 7 website.☆324Oct 1, 2020Updated 5 years ago
- A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding direction…☆189Jun 26, 2014Updated 11 years ago
- The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and m…☆110Oct 24, 2014Updated 11 years ago