Masonry portfolio demos
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit consequat auctor.
100% Width

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

2x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

3x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

4x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

100% width
demo 1
MASONRY
  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled
demo 2
MASONRY
  • Layout: 4 columns & 5 columns
  • Text position: below image & on image
  • Filters: disabled & enabled
  • Gaps: 19 px, 12 px & 42 px
  • Hovers: circular & horizontal sliding & gradient
  • Likes: disabled
  • Paginations: infinite & load more
  • Animations: move up & fade in & flip
  • Sharing: enabled
  • Sorting: disabled
2x columns
demo 3
MASONRY
  • Layout: fullwidth (no sidebar)
  • Date & sets: enabled & disabled 
  • Items per page: all & 4 items 
  • Hovers: circular gradient & horizontal sliding 
  • Pagination: load more & infinite scroll 
  • Animations: disabled & bounce 
  • Sharing: disabled & enabled 
  • Gaps: none & 24 px (set any you wish) 
  • Filters: disabled & enabled 
  • Caption Fill: none & light
demo 4
MASONRY
  • Layout: with sidebars & fullwidth
  • Text: below image
  • Caption fill: light & grey & dark
  • Animations: scale & move up & disabled
  • Hovers: cyan breeze & circular & horizontal sliding
  • Paginations: infinite scroll & classic & loading more
  • Sorting: disabled
  • Filter: disabled
3x columns
demo 5
MASONRY
  • Layout: fullwidth & with sidebar
  • Text position: on hover & below image
  • Highlighted project: enabled
  • Filters: enabled & disabled
  • Sorting: enabled & disabled
  • Gaps: 42 px & no gaps
  • Hovers: zooming white & vertical sliding
  • Paginations: infinite scroll & load more
  • Animations: move up & fall perspective & fade
  • Caption Fill: none & light
demo 6
MASONRY
  • Layout: 5 columns & 4 columns
  • Text position: below image & on image
  • Filters: disabled & enabled
  • Gaps: 21 px & 42 px (set any you wish)
  • Hovers: vertical sliding & gradient
  • Likes: disabled
  • Paginations: infinite & load more
  • Animations: fade in & flip
  • Sharing: enabled
  • Sorting: disabled
4x columns
demo 7
MASONRY
  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled
demo 8
MASONRY
  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled
the gem is awesome!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam nostrud exercitation ullamco laboris nisiut aliquip ex ea commodo. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.