https://github.com/hcg1023/vue3-dnd

React Dnd implementation in Vue Composition-api.
https://github.com/hcg1023/vue3-dnd

drag drag-and-drop draggable react-dnd vue vue-dnd

Last synced: about 2 months ago
JSON representation

React Dnd implementation in Vue Composition-api.

• Host: GitHub
• URL: https://github.com/hcg1023/vue3-dnd
• Owner: hcg1023
• License: mit
• Created: 2022-03-13T10:45:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T00:39:54.000Z (about 2 months ago)
• Last Synced: 2024-04-12T07:14:52.162Z (about 2 months ago)
• Topics: drag, drag-and-drop, draggable, react-dnd, vue, vue-dnd
• Language: TypeScript
• Homepage: https://www.vue3-dnd.com
• Size: 79.3 MB
• Stars: 501
• Watchers: 1
• Forks: 41
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vue - vue3-dnd - React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3. (Components & Libraries / UI Components)
• awesome-vue - vue3-dnd - React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3. (Components & Libraries / UI Components)
• awesome-vue-3 - vue3-dnd - React DnD vue3 implementation, free drag via hooks. (Packages)

README

        
# Vue3 Dn

React Dnd implementation in Vue Composition-api.

**Supports Vue2 and Vue3**

If you think this project is helpful to you, I hope you can contribute a [star⭐](https://github.com/hcg1023/vue3-dnd)

[![npm version](https://img.shields.io/npm/v/vue3-dnd.svg?style=flat-square)](https://www.npmjs.com/package/vue3-dnd)

[![CI](https://github.com/hcg1023/vue3-dnd/actions/workflows/ci.yml/badge.svg)](https://github.com/hcg1023/vue3-dnd/actions/workflows/ci.yml)

[![install size](https://img.shields.io/badge/dynamic/json?url=https://packagephobia.com/v2/api.json?p=vue3-dnd&query=$.install.pretty&label=install%20size&style=flat-square)](https://packagephobia.now.sh/result?p=vue3-dnd)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/vue3-dnd?style=flat-square)](https://bundlephobia.com/package/vue3-dnd@latest)

[![GitHub open issues](https://img.shields.io/github/issues/hcg1023/vue3-dnd.svg)](https://github.com/hcg1023/vue3-dnd/issues?q=is%3Aopen+is%3Aissue)

[![GitHub Stars](https://img.shields.io/github/stars/hcg1023/vue3-dnd.svg)](https://github.com/hcg1023/vue3-dnd/stargazers)

[![GitHub Forks](https://img.shields.io/github/forks/hcg1023/vue3-dnd)](https://github.com/hcg1023/vue3-dnd/network/members)

[![GitHub PR](https://img.shields.io/github/issues-pr/hcg1023/vue3-dnd)](https://github.com/hcg1023/vue3-dnd/pulls)

[![GitHub contributors](https://img.shields.io/github/contributors/hcg1023/vue3-dnd?color=2b9348)](https://github.com/hcg1023/vue3-dnd/graphs/contributors)

[![npm download](https://img.shields.io/npm/dt/vue3-dnd.svg?maxAge=30)](https://www.npmjs.com/package/vue3-dnd)

[![npm download per month](https://img.shields.io/npm/dm/vue3-dnd.svg?style=flat-square)](https://www.npmjs.com/package/vue3-dnd)

[![Featured on Openbase](https://badges.openbase.com/js/featured/vue3-dnd.svg?token=DweDwkc7YaNcSSwPw5ToxjJyG/CPuAX7J7sZFXKUg9c=)](https://openbase.com/js/vue3-dnd?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)

[![MIT License](https://img.shields.io/github/license/hcg1023/vue3-dnd.svg)](https://github.com/hcg1023/vue3-dnd/blob/main/LICENSE)

## Docs

[vue3-dnd.com](https://www.vue3-dnd.com)

## Contributors



  



Made with [contrib.rocks](https://contrib.rocks).

## Thanks

[React-Dnd](https://github.com/react-dnd/react-dnd)