awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
David-Desmaisons avatar

David-Desmaisons/Vue.Draggable

0
View on GitHub↗
20,609 stars·2,854 forks·JavaScript·MIT·22 viewssortablejs.github.io/Vue.Draggable↗

Vue.Draggable

Vue.Draggable is a user interface component for Vue that enables drag-and-drop list reordering. It functions as a declarative wrapper for the Sortable.js library, providing a specialized list element that synchronizes the visual order of elements with an underlying data model.

The project supports complex interactive layouts, including the ability to transfer items between multiple containers and clone items during the drag process. It provides mechanisms to restrict drag initiation to specific handle elements and allows for the embedding of static content within the draggable area.

The framework includes capabilities for validating move operations through callback functions and supports the integration of custom components as draggable items.

Features

  • Vue.js Drag-and-Drop Libraries - Provides a declarative Vue.js wrapper for Sortable.js to implement flexible drag-and-drop functionality.
  • Drag and Drop - Transforms lists of elements into drag-and-drop interfaces that synchronize with a data model.
  • Model-to-DOM Synchronizations - Mirrors the physical DOM order back to the underlying Vue array to keep the data model in sync.
  • Cross-Container Item Transfer - Supports moving items between different draggable containers to reorganize information across categories.
  • Interactive List Items - Implements a specialized list element supporting item cloning, container transfer, and move validation.
  • List Reordering Interfaces - Enables user interfaces where list items are rearranged by dragging to synchronize visual order with data.
  • Library Wrappers - Provides a declarative Vue wrapper for the Sortable.js library to synchronize DOM reordering with reactive data models.
  • DOM Manipulation Libraries - Utilizes a third-party sorting library to handle low-level DOM manipulation and physical element reordering.
  • DOM Mutation Synchronization - Translates direct DOM mutations from the sorting engine into state updates the framework can track.
  • Vue Component Wrappers - Wraps the Sortable.js library into a Vue component to provide a declarative API for the framework.
  • Custom Component Injection - Allows the draggable container to be rendered as a specific tag or third-party component with custom properties.
  • Draggable Custom Components - Enables the creation of complex draggable interfaces using custom Vue components as items.
  • Drag-and-Drop Move Validations - Provides callback functions to evaluate and either permit or cancel a move request based on custom logic.
  • Custom Drag-and-Drop Tools - Provides a set of tools and APIs for building complex drag-and-drop interfaces with custom handles.
  • Movement Constraints - Restricts drag actions to specific handles or validates moves to prevent invalid data placement.
  • Drag Handles - Restricts the drag start event to a specific child handle element to prevent accidental movements.
  • Drag-and-Drop Cloning - Enables the creation of a copy of an item during the drag process instead of moving the original.
  • UI Components - Drag-and-drop functionality with model synchronization.
  • UI - Listed in the “UI组件” section of the Awesome Github Vue awesome list.

Star history

Star history chart for david-desmaisons/vue.draggableStar history chart for david-desmaisons/vue.draggable

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Vue.Draggable

Similar open-source projects, ranked by how many features they share with Vue.Draggable.
  • alfred-skyblue/vue-draggable-plusAlfred-Skyblue avatar

    Alfred-Skyblue/vue-draggable-plus

    4,001View on GitHub↗

    vue-draggable-plus is a drag-and-drop library for Vue 2 and Vue 3 used to create data-bound draggable interfaces. It provides components for implementing list sorting and reordering elements within a sequence while synchronizing the visual position of items with the underlying application state. The library includes a cross-list transfer tool that enables the movement of items between multiple containers using shared group identifiers and cloning rules. Interaction can be restricted to specific child elements through handle-based triggering. The project covers a broad range of drag-and-drop

    Vuecomposition-apidragdrag-and-drop
    View on GitHub↗4,001
  • sortablejs/sortableSortableJS avatar

    SortableJS/Sortable

    31,135View on GitHub↗

    Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions. It functions as a reorderable list manager that allows users to rearrange DOM elements using pointer interactions on modern browsers and touch devices. The library enables the transfer or cloning of items between different lists using shared group identifiers. It supports complex organizational structures, including nested reorderable lists for managing hierarchical data across different levels. Its capabilities cover the animation of element movements and the configuration

    JavaScriptdragdrag-and-dropdrag-drop
    View on GitHub↗31,135
  • surmon-china/vue-awesome-swipersurmon-china avatar

    surmon-china/vue-awesome-swiper

    12,790View on GitHub↗

    vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling

    JavaScriptcarouselcarrouselnuxtjs
    View on GitHub↗12,790
  • marceljuenemann/angular-drag-and-drop-listsmarceljuenemann avatar

    marceljuenemann/angular-drag-and-drop-lists

    2,146View on GitHub↗

    This library provides a set of directives for building sortable, hierarchical user interfaces within the Angular framework. It leverages the native HTML5 drag-and-drop API to enable direct manipulation of data objects, allowing users to reorder items and manage complex list structures through intuitive browser interactions. The project distinguishes itself by supporting nested data visualization, enabling the creation of tree structures that maintain their hierarchy during drag-and-drop operations. It offers granular control over these interactions through custom drag handles, which restrict

    JavaScript
    View on GitHub↗2,146
See all 30 alternatives to Vue.Draggable→

Frequently asked questions

What does david-desmaisons/vue.draggable do?

Vue.Draggable is a user interface component for Vue that enables drag-and-drop list reordering. It functions as a declarative wrapper for the Sortable.js library, providing a specialized list element that synchronizes the visual order of elements with an underlying data model.

What are the main features of david-desmaisons/vue.draggable?

The main features of david-desmaisons/vue.draggable are: Vue.js Drag-and-Drop Libraries, Drag and Drop, Model-to-DOM Synchronizations, Cross-Container Item Transfer, Interactive List Items, List Reordering Interfaces, Library Wrappers, DOM Manipulation Libraries.

What are some open-source alternatives to david-desmaisons/vue.draggable?

Open-source alternatives to david-desmaisons/vue.draggable include: alfred-skyblue/vue-draggable-plus — vue-draggable-plus is a drag-and-drop library for Vue 2 and Vue 3 used to create data-bound draggable interfaces. It… sortablejs/sortable — Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions.… surmon-china/vue-awesome-swiper — vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for… marceljuenemann/angular-drag-and-drop-lists — This library provides a set of directives for building sortable, hierarchical user interfaces within the Angular… sortablejs/vue.draggable — Vue.Draggable is a component-based library for Vue.js that enables drag-and-drop functionality within web interfaces.… sortablejs/vue.draggable.next — This project is a drag-and-drop UI library and a Vue 3 component for implementing sortable lists and state-synced…