[jQuery] 10 Best jQuery Plugins to Create Dynamic Layouts, like pintrest

10 Best jQuery Plugins to Create Dynamic Layouts

 

pintrest 같은. 그리드. Grid

 

 

SuperScrollorama

SuperScrollorama is a popular jQuery plugin for creating supercool scrolling and animation, powered by TweenMax and the Greensock Tweening Engine. This is a powerful tool, and with great power comes great responsibility. Use wisely. A little subtlety can go a long way.

Scrolldeck

Scrolldeck is a jQuery plugin for making scrolling presentation decks.

Shapeshift

Shapeshift is an amazing jQuery plugin which creates a column based grid system that allows drag and drop even between multiple containers.

jQuery Nested

jQuery Nested plugin is for a gap free, multi column grid layout experience.

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

Gridster

Gridster is a jQuery plugin that allows building intuitive drag-able layouts from elements spanning multiple columns.

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Stellar

With Stellar, parallax has never been so easier. Precisely align elements and backgrounds. Add some simple data attributes to your markup, run $.stellar() – that’s all you need to get started.

PageSlide

PageSlide is a jQuery plugin, by Scott Robbin, which slides a webpage over to reveal an additional interaction pane.

jQuery Full Content

This is a nice jQuery plugin for presentation style layout. It will dynamically position a container within the width and height of the browser window, and will smoothly scroll between each container.