{"library":"vue-masonry-css","type":"library","category":null,"description":"Vue-masonry-css is a Vue.js component that provides a masonry layout powered by CSS, prioritizing fast rendering and optimal utilization of Vue's Virtual DOM. It is dependency-free, specifically avoiding external libraries like jQuery or traditional JavaScript-based masonry solutions (e.g., DeSandro Masonry) which often introduce performance overhead through double-rendering. The current stable version is 1.0.3, and it appears to follow a slow, stable release cadence given its nature as a lightweight, dependency-free UI component. Key differentiators include its responsive-by-default behavior, compatibility with IE10+ (including IE9, though this might be an outdated claim), and seamless integration with existing CSS animations. It achieves its layout using plain divs and a touch of flexbox, offering a simple interface to define columns and gutter sizes based on responsive breakpoints. Notable limitations include its inability to handle elements with varying widths within a single column and its intentional omission of height-based sorting to maintain high rendering performance.","language":"javascript","status":"maintenance","version":"1.0.3","tags":["javascript","vue","vue.js","masonry","masonary","component","css"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-masonry-css","imports":["import VueMasonry from 'vue-masonry-css'","Vue.use(VueMasonry)"]},{"cmd":"yarn add vue-masonry-css","imports":[]},{"cmd":"pnpm add vue-masonry-css","imports":[]}],"homepage":null,"github":"https://github.com/paulcollett/vue-masonry-css","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-masonry-css","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-masonry-css/compatibility"}}