masonry-grid

There are 79 repositories under masonry-grid topic.

  • MasonryStack

    A Pinterest like layout in SwiftUI (horizontal & vertical).

    Language:Swift143
  • react-visual-grid

    react-visual-grid

    🪟 Image Grid / Masonry Layout for React

    Language:HTML141

  • react-xmasonry

    Simple, minimalistic and featured native masonry layout for React JS.

    Language:JavaScript90

  • alpinejs-masonry

    Create masonry layouts based on your CSS grid values 🎉

    Language:JavaScript79

  • grid-gallery

    A simple and light Grid Gallery with pure JS

    Language:HTML67

  • columns.js

    A minimalist masonry layout written in vanila JS, with no dependancies

    Language:JavaScript62

  • js-masonry

    Create masonry layouts based on your CSS grid values 🎉

    Language:JavaScript22

  • masonry-layout-vanilla

    Simple masonry developed in Vanilla JS.

    Language:HTML13

  • angular-masonry

    A simple lightweight library to use Masonry layout in Angular

    Language:TypeScript11

  • jquery-masonry-grid

    Simple, responsive and lightweight Masonry Grid jQuery Plugin.

    10

  • simple-masonry-layout

    Calculating masonry layouts based on rectangles, without being tied to the DOM.

    Language:TypeScript9

  • masonry-grid-html-css

    Simple masonry grid using html and css.

    Language:HTML7

  • css-grid-system-library

    A lightweight grid system library. Includes a flexbox grid, a CSS Grid system, and a flexbox masonry grid. Each grid is optional. Written in SCSS. Available in SCSS and CSS.

    Language:CSS7

  • react-native-masonry-grid

    Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the scene

    Language:TypeScript6

  • NotesApp

    react native notes app

    Language:JavaScript5

  • stratum.js

    Small jQuery plugin for creating awesome Masonry Grid.

    Language:JavaScript5

  • Grid-Overflow

    A pure CSS solution for masonry layout and grid layout, where grid items can be given vertigo, panorama or VIP class to overflow into the next cell.

    Language:HTML4

  • staggered-grid-recyclerview

    Detect RecyclerView with StaggeredGridLayoutManager is right or left with spanCount equals 2

    Language:Java4

  • architecture

    website, pet project / 3d-scroll, JS, draggable

    Language:HTML3
  • PhotoCollection

    PhotoCollection

    🌟 A React app made with Redux and Material UI Where You can search Images that will load with aos animations. For Image Collections, we use Pexels API Here. 🤩

    Language:JavaScript3

  • Lazy-Loading-Mosaic-Tiling-Plugin

    This plugin is a simple Javascript plugin that lets you show images in a mosaic layout. This allows you to lazy load images as well. This plugin was created for a client because they needed a mosaic tiling plugin, however they also wanted control over the specific order of images in such a layout. This created an issue, due to the fact that most mosaic tiling plugins will intelligently fit elements according to the positions they best fit (which is mostly random). This one however, will keep the order of the elements which are fed into it. The downside to this plugin is that elements at the bottom will not line up well. However, if you need a mosaic plugin like this, check it out.

    Language:HTML3

  • Masonry-Grid

    Masonry grid component

    Language:JavaScript2
  • masonrycss

    masonrycss

    Masonry Layout using Pure CSS by alnahian2003

    Language:HTML2

  • js-masonry

    Vanilla Js library to lay elements in masonry grid in optimal positions

    Language:JavaScript2

  • Photo-Gallery

    This project is part of the Codevixens Frontend Development Challenge (Day 9). A simple photo gallery application built using React.

    Language:JavaScript1

  • unsplash-box

    Service to store collections of Unsplash images, allowing users to add Unsplash images to their collections.

    Language:JavaScript1
  • foodie-site

    foodie-site

    Digital menu solution for restaurants/cafe/shops using Sanity.io CMS, enabling easy updates and QR code access for customers.

    Language:JavaScript1

  • masonry-gallery

    Masonry gallery and utilization of lightGallery.js

    Language:HTML1

  • PrivateBeaches

    A Private beach landing page with a an outstanding masonry layout

    Language:JavaScript1

  • jQuery-Masonry-Grid

    A prototype for Masonry Grid Image Gallery. Made with jQuery. This is very powerfull jQuery tool for showcase your portfolio.

    Language:JavaScript1

  • monsoon-tiles

    A Javascript Library for arranging flexbox items in an orgainzed masonry pattern

    Language:JavaScript1

  • instagram-masonry

    Add the hashtag as URL parameter and enjoy a masonry tile view of popular Instagram posts related to the #tag.

    Language:JavaScript1
  • brickie

    brickie

    Responsive Masonry Layout in reach

    Language:JavaScript1

  • dogras-masonry-grid

    Dogras Masonry grid layout is the grid structure that will fit into the columns and rows inside. This is good for the content type and blog type website. This is generated from the Bootstrap 4.0, minimal use of javascript and mini-fied libraries used.

    Language:HTML1

  • grc-wp-starter-theme-2018

    WP starter theme with _s, Masonry Grid & Swiper Slider

    Language:JavaScript1

  • Wews

    The friendly news aggregator

    Language:CSS1