vddl - 🦄 Vue components for modifying lists with the HTML5 drag & drop API.

  •        41

Vue components for modifying lists with the HTML5 drag & drop API. Touch devices are not supported, because they do not implement the HTML5 drag & drop standard. However, you can use a shim to make it work on touch devices as well.

https://github.com/hejianxian/vddl#readme
https://github.com/hejianxian/vddl

Dependencies:

vue : ^2.4.2

Tags
Implementation
License
Platform

   




Related Projects

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

Vue

  •    Javascript

Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.


vue-drag-and-drop - A for Vue

  •    Javascript

A directive for providing drag and drop capabilities to elements and data. Available through npm install vue-drag-and-drop or include as an inline script, like in example.html.

vue-sortable - A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable

  •    Javascript

Easily add drag-and-drop sorting to your Vue.js applications without jQuery, using the v-sortable directive, a thin wrapper for the minimalist RubaXa/SortableJS library. Note that you will need to include RubaXa/Sortable & Vue before including vue-sortable.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from cameras.

  •    Javascript

A Vue.js 2 component, accessing the device camera and allowing users to read QR codes, within the browser. Once a stream from the users camera is loaded, it is displayed and continuously scanned for QR codes. Results are indicated by the decode event. This also accounts for decoded images drag-and-dropped in the area the component occupies.

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

  •    Javascript

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

vue-perf-devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components

  •    Javascript

Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components. It statistically examines the performance of Vue components based on the measures which are collected by Vue using window.performance API. Initially started after reading React Performance Devtool and created from Vue Devtool.

vue-picture-input - Mobile-friendly picture file input Vue

  •    Vue

Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. All contributions are welcome, as long as they are within the scope of the project. Please open a new issue before submitting a pull request.

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

vue-dragula - :ok_hand: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula

  •    Javascript

Vue wrapper for dragula. Available through npm as vue-dragula.

vue-filepond - 🔌 A handy FilePond adapter component for Vue

  •    Javascript

Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

vue-upload-component - Vue

  •    Vue

Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter

ant-design-vue - An enterprise-class UI components based on Ant Design and Vue. 🐜

  •    Vue

An enterprise-class UI components based on Ant Design and Vue. We recommend using npm or yarn to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.