Multi-Level Menu
By Mary Lou on
A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.
Blueprints
The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
Page Stack Navigation
By Mary Lou on
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.
Zoom Slider
By Mary Lou on
A simple content slider with depth-like zoom functionality for a predefined area in each slide.
Filterable Product Grid
By Mary Lou on
A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.
Product Comparison Layout & Effect
By Mary Lou on
A basic responsive product grid layout with comparison functionality and a slide-in effect.
Google Grid Gallery
By Mary Lou on
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.
Responsive Full Width Tabs
By Mary Lou on
100% width tabbed content with some example media queries for smaller screens.
Split Layout
By Mary Lou on
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 with some transition effect
On Scroll Effect Layout
By Mary Lou on
An on scroll effect template that animates the sides of sections once they are in the viewport.
Responsive Icon Grid
By Mary Lou on
A responsive grid of anchors with icons, text and some example hover transitions.
View Mode Switch
By Mary Lou on
A simple view mode switch that has two example layouts, a grid and a list.
On-Scroll Animated Header
By Mary Lou on
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
Responsive Multi-Column Form
By Mary Lou on
A responsive multi-column form with example media queries for a flexible layout.
Tooltip Menu
By Mary Lou on
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
Product Grid Layout
By Mary Lou on
A responsive product grid layout with some UI details for inspiration.
Horizontal Slide Out Menu
By Mary Lou on
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
Vertical Timeline
By Mary Lou on
A responsive vertical timeline layout with icons and example media queries.
Fixed Background Scrolling Layout
By Mary Lou on
A fixed background image scrolling layout with 100% height panels and smooth scrolling.