+
+

Related Products

  • Highcharts
    122 Ratings
    Visit Website
  • Source Defense
    7 Ratings
    Visit Website
  • SurveyJS
    64 Ratings
    Visit Website
  • Gaffa
    5 Ratings
    Visit Website
  • Yodeck
    8,160 Ratings
    Visit Website
  • Apify
    1,800 Ratings
    Visit Website
  • DbVisualizer
    593 Ratings
    Visit Website
  • TelemetryOS
    282 Ratings
    Visit Website
  • cside
    37 Ratings
    Visit Website
  • Planview ProjectAdvantage
    121 Ratings
    Visit Website

About

Masonry is a JavaScript grid layout library. It 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. All sizing and styling of items is handled by your own CSS. Item sizes can be set with percentages for responsive layouts. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download. You can initialize Masonry in HTML, without writing any JavaScript. All options are optional, but column width and item selection are recommended. Align items to a horizontal grid. Use element sizing for responsive layouts with percentage widths. Element sizing options allow you to control the sizing of the Masonry layout within your CSS. This is useful for responsive layouts and media queries.

About

Positioning tooltips and popovers are difficult. Popper is here to help! Given an element, such as a button, and a tooltip element describing it, Popper will automatically put the tooltip in the right place near the button. It will position any UI element that "pops out" from the flow of your document and floats near a target element. The most common example is a tooltip, but it also includes popovers, drop-downs, and more. All of these can be generically described as a "popper" element. Click on the dots to place the tooltip. There are 12 different placements to choose from. Pure CSS poppers will not be prevented from overflowing clipping boundaries, such as the viewport. It will get partially cut off or overflows if it's near the edge since there is no dynamic positioning logic. When using Popper, your popper will always be positioned in the right place without needing manual adjustments.

Platforms Supported

Windows Supported
Mac Supported
Linux Supported
Cloud Supported
On-Premises Not Supported
iPhone Supported
iPad Supported
Android Supported
Chromebook Supported

Platforms Supported

Windows Supported
Mac Supported
Linux Supported
Cloud Supported
On-Premises Not Supported
iPhone Supported
iPad Supported
Android Supported
Chromebook Supported

Audience

Professionals and any user looking for a solution offering a cascading grid layout library

Audience

Developers in search of a tool for positioning tooltips and popovers to improve user interface

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

API

Offers API Not Supported

API

Offers API Supported

Screenshots and Videos

Screenshots and Videos

Pricing

Free
Free Version Supported
Free Trial Not Supported

Pricing

Free
Free Version Supported
Free Trial Not Supported

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Company Information

Masonry
United States
masonry.desandro.com

Company Information

Popper
United States
popper.js.org

Alternatives

Alternatives

GridMaster

GridMaster

AddonMaster

Categories

Categories

Integrations

Angular Not Supported
NG-Bootstrap Not Supported
React Not Supported
jQuery Not Supported

Integrations

Angular Supported
NG-Bootstrap Supported
React Supported
jQuery Supported
Claim Masonry and update features and information
Claim Masonry and update features and information
Claim Popper and update features and information
Claim Popper and update features and information