Skip to content
Projects Vue.js Projects
Vue Isotope

Vue Isotope

Vue component for isotope filter and sort magical layouts

5.9K viewsAdded Jan 15, 2019

Vue component for isotope filter and sort magical layouts

Installation

npm install vueisotope
Bower install vueisotope

For Modules

// ES6
import isotope from 'vueisotope'
...
export default {
      components: {
        isotope,
      }
      ...

// ES5
var isotope = require('vueisotope')

Usage

<isotope :options='getOptions()' :list="list" @filter="filterOption=arguments[0]" @sort="sortOption=arguments[0]">
  <div v-for="element in list" :key="element.id">
    {{element.name}}
  </div>
</isotope>

Vue.js Projects

A hand-picked collection of projects made with Vue.js: UI components, input elements, apps, plugins, examples and frameworks.

Newsletter

Get the best new Vue projects in your inbox.

© 2026 vuejsprojects.com