5 AngularJS Responsive Columns with Mobile Support

In today’s post we’ve taken a look at some options for responsive columns in AngularJS in particular for Mobile support where possible. If you find any other decent AngularJS responsive plugins or examples please leave a comment.

1. AngularJS DeckGrid

A lightweight masonry-like grid for AngularJS. As you resize the elements rezsize and reload proportionally to the width of the screen/device.
A lightweight masonry-like grid for AngularJS. As you resize the elements rezsize and reload proportionally to the width of the screen/device.
Github Demo Mobile Viewport

2. Filtering Items into Columns with AngularJS

Example in code pen on how you might be able to animate transitioning of items in columns using AngularJS
Example in code pen on how you might be able to animate transitioning of items in columns using AngularJS
Demo Mobile Viewport

3. Angular Masonry Fly

Generates masonry layout without knowing images height or waiting for them to load.
Generates masonry layout without knowing images height or waiting for them to load.
Github Demo Mobile Viewport

4. AngularJS utDataGrid

This is an angular module for a datagrid directive. That will take your data and turn it into a beautiful grid with many features such as multi column sorting and filtering.
This is an angular module for a datagrid directive. That will take your data and turn it
into a beautiful grid with many features such as multi column sorting and filtering.
Github Demo

Others useful links:

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

Leave a Reply

Your email address will not be published. Required fields are marked *