Angular Layout Components & Directives

Responsive Responsive Split Layout – angular-splitter

The Angular 5/6 splitter allows you to resize your responsive layout using mouse drag.

September 10, 2018 Layout

Modern Responsive Image Component For Angular

A simple, convenient responsive image component for Angular, based on HTML5 picture element.

March 13, 2018 Layout

Animated Masonry Grid For Angular 2+

Angular 2+ masonry grid component with CSS animations on scroll.

January 28, 2018 Layout

Angular Switchable Grid Component

A simple grid component for Angular that can be switched between typical List view and a tile block view.

January 18, 2018 Layout

Dynamic User-friendly Grid Component For Angular

An Angular module for rendering dynamic grids like Visio.

March 21, 2017 Layout

Split View Module For Angular 2 – split-pane

split-pane is an easy split view component for Angular 2 applications.

January 29, 2017 Layout

Angular Draggable Layout Component – angular-gridster2

angular-gridster2 is an Angular component used to generate gridster.js style draggable, scalable layouts from elements spanning multiple columns.

December 18, 2016 Layout

Angular 2 Implementation Of Gridster Library

Angular 2 implementation of well known Gridster library that makes building intuitive draggable layouts from elements spanning multiple columns.

December 8, 2016 Layout

Angular 2 Component Layout Engine – Flex Layout

Angular Flex Layout provides a sophisticated layout API using FlexBox CSS + mediaQuery.

November 27, 2016 Layout

Splitter Directive For Angular

A simple splitter directive based on AngularJS and jQuery.

August 4, 2016 Layout

Cool Infinite Grid For Angular2

A cool grid component with infinite scrolling support, built using Angular 2.

July 8, 2016 Layout

Angular Gridstack.js Directive

gridstack-angular is an Angular.js directive for the widget layout plugin gridstack.js.

May 31, 2016 Layout

Angular Same Height Directive

A directive for Angular 1 to set same height for various elements from the larger element.

May 2, 2016 Layout

An AngularJS Tile View Module

An Angular tile view that uses virtualization to efficiently display large numbers of cells.

April 28, 2016 Layout

Angular 2 Drag’n’drop Grid Plugin

Angular 2 grid is a drag/drop/resize grid-based plugin directive for Angular 2.

April 6, 2016 Layout

Angular Height Auto Resize Directive

height-auto-resizer directive keep element’s height to 100%.

February 3, 2016 Layout

Tiles Grid System With AngularJS and SASS

A grid of tiles using Angular and Sass, used for displaying a grid of tiles, powered by Angular using a JSON data file.

October 17, 2015 Layout

Angular Directive For Auto Container’s Height – fill-height

fill-height is an Angular directive to change the height of a div to fill the available space in the window.

September 24, 2015 Layout

An AngularJS directive for Masonry

An AngularJS directive to work with David Desandro’s Masonry.

August 19, 2015 Layout

Angular Directive For Fullpage Scrollover

This project contains a lightweight directive for creating a full-page landing div that is scrolled over by the rest of the content.

August 10, 2015 Layout