Search Results for "grid"

Mondrian is a browser-based drawing application that explores minimalist, grid-oriented composition in the spirit of geometric art. It provides a clean canvas for placing rectangles, lines, and color blocks, aiming to make creating crisp, balanced layouts feel immediate and fun. The interface favors direct manipulation—click, drag, resize, recolor—over menus and tool overload, so newcomers can produce striking designs quickly.

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. ...