Search Results for "grid"

GSS is a JavaScript layout engine based on Grid Style Sheets (constraint CSS) using Cassowary constraint solver. It enables declarative relational layouts—expressing 'item A aligned to the right of item B'—and compiles these constraints into standard styles at runtime or build-time. Though experimental and labeled unstable, it showcases advanced layout paradigms beyond traditional CSS.

Angular‑Masonry is an AngularJS directive that seamlessly wraps Desandro’s Masonry layout library. It enables dynamic, Pinterest-style grid layouts in your AngularJS apps. Bricks automatically reposition as items load, with optional image‑loaded detection to prevent overlaps. It’s easily installed via npm or Bower and supports custom selectors and Masonry options.

jQuery.shapeshift is a jQuery plugin that creates dynamic, Pinterest-style column grid layouts with drag-and-drop functionality and predictable indexing for each item. Rearrange items within a container or even drag items between multiple Shapeshift-enabled containers. Dragging elements around will physically change their index position within their parent container. When a page reloads, as long as the child elements are placed in the correct order, then the grid will look exactly the same. ...