Vue Query Builder

This library got heavily inspired by Daniel Abernathy's awesome vue-query-builder library, which got in turn inspired by jQuery's Knockout Query Builder.

The intention behind building my own was adding some missing features such as providing TypeScript support and re-ordering with drag'n'drop.


The query builder has the following key features:

  • Re-ordering of rules and groups with drag'n'drop.
  • Emphasizing groups with configurable colors.
  • Control maximum depth of nested groups.
  • Easy to customize with pure CSS and slots.
  • Layout can be serialized and restored.
  • Vuex compatible.
  • TypeScript support.

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint