Dial in your perfect masonry portfolio.

Mix and match different portfolio layouts, appearances and settings.
See example of some ideas for your portfolio below.

Portfolio Masonry

EXAMPLE 1

  • Page layout: Content-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Move up
View demo page
Portfolio Masonry

EXAMPLE 2

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Enabled
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Fade in
View demo page
Portfolio Masonry

EXAMPLE 3

  • Page layout: Full-width
  • Text position: On image
  • Text alignment: Left
  • Hover: Text in the bottom
  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Helix
View demo page
Portfolio Masonry

EXAMPLE 4

  • Page layout: Full-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Colored background
  • Hover animation: Reverse direction aware
  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Fall perspective
View demo page
Portfolio Masonry

EXAMPLE 5

  • Page layout: Content-width
  • Text position: On image
  • Hover: Animated lines
  • Hover animation: Effect 3
  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Scale up
  • Sidebar: Enabled
View demo page
Portfolio Masonry

EXAMPLE 6

  • Page layout: Content-width
  • Text position: Below image
  • Text alignment: Center
  • Text background: Disabled
  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Move up
  • Content area: Before projects
View demo page
Portfolio Masonry

EXAMPLE 7

  • Page layout: Full-width
  • Text position: On image
  • Text alignment: Left
  • Hover style: Dark gradient
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Scale up
  • Fancy title: Enabled
View demo page