Nuxt•2mo ago

How to use Masonry layout in Nuxt 3

Any package that supports nuxt 3

2 Replies

I tried a few libraries before settling on @yeger/vue-masonry-wall. You can find a Nuxt 3 plugin example at the following link: https://www.npmjs.com/package/@yeger/vue-masonry-wall

npm

@yeger/vue-masonry-wall

Responsive masonry layout with SSR support and zero dependencies for Vue 3.. Latest version: 5.0.14, last published: 10 days ago. Start using @yeger/vue-masonry-wall in your project by running npm i @yeger/vue-masonry-wall. There are 2 other projects in the npm registry using @yeger/vue-masonry-wall.

Wouter•5w ago

Nuxt UI Pro has a masonry layout, the LandingGrid: https://ui.nuxt.com/pro/components/landing-grid

Nuxt UI

LandingGrid - Nuxt UI Pro

A customizable grid to display cards as a masonry layout.

Gaming

Programming

How to use Masonry layout in Nuxt 3