vuuri

Muuri Vue Integration
16,819 19
Install
npm install vuuri
Latest Version:0.4.6
Vue:3
Older releases:2
License:MIT
Last Updated:Oct 31, 2024
Links: GitHub  ·  npm
Maintainer: ohdannyboy

logo.png

Library Version Build Status

Minified size Downloads

The Vue Muuri Integration:

The abstraction over the Muuri library for creating dynamic layouts in vue.js

Usage

<vuuri v-model="items">
  <template #item="{ item }">
    <YourComponent :item="item"/>
  </template>
</vuuri>

Automatic CRUD Updates

You just worry about writing javascript

// adding
this.items.push(newItem);

// removing
this.items.splice(1, 0);

Vuuri takes care of the rest. Vuuri figures out what you did in the items array to do the right update.

Documentation

Credits

Vuuri is a simple wrapper for Vue.js and full credits go to the author of the Muuri library: Niklas Rämö Assets from this page were inspired and taken from the original Muuri website.

Related Packages

vuuri-unleashed

Muuri Vue Integration with more useful methods

1,169
mise-en-place

A collection of layout primitives for building Vue.js apps.

4,064 0
@noction/vue-draggable-grid

Vue3 grid layout with resize, drag and responsive

96,661 97
vuejs-datatable

A Vue.js component for filterable, sortable, and paginated tables.

53,363 172
@uniplore-public/vue3-drr-grid-layout

Vue3 grid layout with resize, drag and responsive

25,569 97

Version History

Version Released Vue License
0.4.6 ^3.0.0 MIT
0.4.5 ^3.0.0 MIT
0.4.4 ^3.0.0 MIT
0.4.3 ^3.0.0 MIT
0.4.2 ^3.0.0 MIT