codrops / DynamicGrid
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 add transitions.
☆143Updated 11 years ago
Related projects ⓘ
Alternatives and complementary repositories for DynamicGrid
- A responsive product grid layout with some UI details for inspiration.☆75Updated 11 years ago
- A responsive grid layout for multiple items in a row that fill all the available width.☆38Updated 11 years ago
- A simple view mode switch that has two example layouts, a grid and a list.☆85Updated 11 years ago
- A simple, nestable accordion with some examples of nesting levels and a media query.☆34Updated 11 years ago
- A responsive grid of anchors with icons and text.☆91Updated 11 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…☆59Updated 11 years ago
- A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.☆87Updated 11 years ago
- A responsive multi-column form with example media queries for a flexible layout.☆56Updated 11 years ago
- A fixed vertical icon menu that adjusts its size for smaller screens.☆63Updated 11 years ago
- A fluid content slider that will adjust in width and height depending on the size of its parent.☆49Updated 11 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…☆113Updated 11 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…☆35Updated 9 years ago
- An experimental morphing device slideshow with CSS Transitions for showcasing responsive web design screenshots.☆93Updated 11 years ago
- A fullscreen background slideshow with autoplay functionality.☆68Updated 11 years ago
- 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 …☆103Updated 11 years ago
- Assets for Codrops branding including vector logos for different backgrounds☆11Updated 7 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…☆62Updated 11 years ago
- A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot ["Mobile Com…☆44Updated 8 years ago
- ☆30Updated 9 years ago
- A full-width header image, animated using the CSS3 scale property to simulate a 3D zoom-out effect and reveal the main content of the pag…☆25Updated 9 years ago
- A Fixed menu that drives users' attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation☆32Updated 9 years ago
- A plugin that let you add an end page box that will display when scrolled to the bottom.☆86Updated 4 years ago
- A layout with a fullscreen header that slides up to reveal a content area with an image grid.☆74Updated 9 years ago
- A full page menu, that replaces the current content by pushing it off the screen.☆59Updated 5 years ago
- An experimental full-screen navigation that expands within a circle.☆45Updated 9 years ago
- A full-width figure element, with floating images distributed in a 3D space☆37Updated 8 years ago
- ☆20Updated 9 years ago
- An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation☆47Updated 4 years ago
- A list of split blocks that reunite on scrolling, simulating a movement along the z-axis.☆26Updated 9 years ago
- cbFlyout responsive navigation jQuery plugin☆47Updated 10 years ago