angular-masonry - A simple lightweight library to use Masonry layout in Angular

  •        423

This is a simple library for Angular, implemented in the Angular Package Format v5.0. A full working example can be found in the src/app folder.

https://github.com/thisissoon/angular-masonry

Dependencies:

tslib : ^1.9.3

Tags
Implementation
License
Platform

   




Related Projects

react-native-masonry - :raised_hands: A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions

  •    Javascript

"Bricks" are the basic building block of the masonry and are passed into the props.bricks. They essentially represent the items within each column and require a uri property at a minimum. However, you can freely add additional properties to the data property if you need access to certain data within your brick.onPress handler and footer/header renderer. The following properties are available.

Masonry - Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax

  •    Objective-C

Masonry is still actively maintained, we are committed to fixing bugs and merging good quality PRs from the wider community. However if you're using Swift in your project, we recommend using SnapKit as it provides better type safety with a simpler API. Masonry is a light-weight layout framework which wraps AutoLayout with a nicer syntax. Masonry has its own layout DSL which provides a chainable way of describing your NSLayoutConstraints which results in layout code that is more concise and readable. Masonry supports iOS and Mac OS X.

bricks.js - A blazing fast masonry layout generator for fixed width elements.

  •    Javascript

But you don't need to, because Bricks is a blazing fast masonry layout generator for fixed width elements. Bricks was developed with a modern JavaScript workflow in mind. To use it, it's recommended you have a build system in place that can transpile ES6, and bundle modules. For a minimal boilerplate that does so, check out outset.

driveway - pure CSS masonry layouts

  •    HTML

driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus. You may have come here from the blog post I wrote about pure CSS masonry layouts. If that's the case and you want the exact code I used in that post(with vendor prefixing), you'll be best served looking in the dist folder for driveway.blog.css and driveway.blog.min.css. Alternatively, use bower to pull in the repo.

salvattore - A jQuery Masonry alternative with CSS-driven configuration.

  •    Javascript

Salvattore is a library agnostic JS script that will help you organize your HTML elements according to the number of columns you specify, like jQuery Masonry. To find out more and see it in action, please visit our website.


masonry - :love_hotel: Cascading grid layout library

  •    HTML

Masonry 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. See masonry.desandro.com for complete docs and demos.

angulargrid - Pinterest like responsive masonry grid system for angular

  •    Javascript

agular-grid-id and angular-grid-options deprecated, use ag-id and ag-options instead.

angular-deckgrid - A lightweight masonry-like grid for AngularJS.

  •    Javascript

A lightweight masonry-like grid for AngularJS. Include angular-deckgrid in your HTML.

react-stack-grid - Pinterest like layout components for React.js

  •    Javascript

Pinterest like layout components for React.js. You can install the react-stack-grid from npm.

minigrid - 📏 Minimal 2kb zero dependency cascading grid layout

  •    Javascript

Minigrid is a minimal 2kb zero dependency cascading grid layout. Website & Documentation: http://alves.im/minigrid.

angular-masonry - An AngularJS directive for Masonry.

  •    CoffeeScript

An AngularJS 1 directive to work with David Desandro's Masonry.Add wu.masonry to your application's module dependencies.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

mauerwerk - ⚒ A react-spring driven masonry-like grid with enter/exit and shared element transitions

  •    Javascript

These two would work outside the Grids context if you wanted to use them elsewhere. mauerwerk depends on react-spring and react-measure.

masonry - Layout elements in a grid, like a mason fitting stones in a wall

  •    Javascript

Layout elements in a grid, like a mason fitting stones in a wall

vanilla-masonry - Masonry layouts without any frameworks

  •    Javascript

Masonry layouts without any frameworks

masonry-rails - JQuery Masonry ready for use with Rails asset pipeline

  •    HTML

JQuery Masonry ready for use with Rails asset pipeline

react-masonry-component - A React.js component for using @desandro's Masonry

  •    Javascript

if you wish to have IE8 support, v2 with React 0.14 is the highest version available. To use the component just require the module.

AutolayoutExampleWithMasonry - Different Autolayout examples with Masonry

  •    Objective-C

Different Autolayout examples with Masonry. 用Masonry写的Autolayout案例,持续更新中。详细解答请看tutuge.me

Shuffle - Categorize, sort, and filter a responsive grid of items

  •    Javascript

Categorize, sort, and filter a responsive grid of items. This project was inspired by Isotope and Packery.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.