+
+

Related Products

  • Highcharts
    123 Ratings
    Visit Website
  • Source Defense
    7 Ratings
    Visit Website
  • SurveyJS
    62 Ratings
    Visit Website
  • Gaffa
    5 Ratings
    Visit Website
  • Apify
    1,441 Ratings
    Visit Website
  • DbVisualizer
    583 Ratings
    Visit Website
  • Feroot
    31 Ratings
    Visit Website
  • Shift
    1,378 Ratings
    Visit Website
  • Nutrient SDK
    111 Ratings
    Visit Website
  • DXcharts
    28 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
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

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
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

Pricing

Free
Free Version
Free Trial

Pricing

Free
Free Version
Free Trial

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
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

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
NG-Bootstrap
React
jQuery

Integrations

Angular
NG-Bootstrap
React
jQuery
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