Fluid (responsive, adaptive) layout is today a default requirement when developing a website and, whether we want it or not, we somehow re-orient our thinking towards a tablet-like approach in working with website layouts.
GridSystem is a plugin to help you calculate and deal with columns and responsive layout.
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 effects.
Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.
Wallpaper is a jQuery plugin for smooth-scaling, element-filling backgrounds. A really simple way to add element-filling background images.
Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet.
Freewall allows you to create many types of grid layout (flexible layout, images layout, pinterest-like layout, etc) with nice CSS3 animation effects and call back events.
Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items
A simple view mode switch that has two example layouts, a grid and a list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive.
Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.
Mason was created to solve a problem with most grid system currently available. Gaps. When using Masonry, Isotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.
Built on the idea of true masonry when a grid is constructed there are bound to be holes, so Mason calculates where those holes are fills them in.
CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
Responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are also included.
Media queries can be used to resize the items in the grid or change the number of items in a row. Flexbox is used when supported.