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
marceljuenemann avatar

marceljuenemann/angular-drag-and-drop-listsArchived

0
View on GitHub↗
2,146 stars·696 forks·JavaScript·MIT·24 views

Angular Drag And Drop Lists

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 movement to specific sub-elements, and provides mechanisms for cross-window data transfer to facilitate movement between separate browser tabs.

Developers can define draggable elements and drop zones with specific validation rules, filtering logic, and lifecycle hooks to manage state synchronization. The library also includes tools for visual feedback, such as temporary placeholders that indicate drop positioning, and allows for the configuration of allowed effects like moving or copying data.

Features

  • Drag and Drop Libraries - Provides a comprehensive set of directives for building sortable, hierarchical lists in web applications.
  • Drag and Drop - Implements drag-and-drop functionality by leveraging the native HTML5 browser API.
  • List Reordering - Enables intuitive sorting and reordering of list items within web interfaces.
  • Attribute-Only Directive Decorations - Extends standard HTML elements with custom drag-and-drop behavior using attribute-only directives.
  • Drag-and-Drop Reordering - Manages sortable lists and nested tree structures through intuitive drag-and-drop interactions.
  • Draggable Element Registries - Provides utilities to register and configure individual elements as draggable with custom lifecycle callbacks.
  • Drop Target Registries - Designates containers as drop targets with support for content filtering and complex layouts.
  • Nested Drag Containers - Facilitates the manipulation of hierarchical tree structures through nested drag-and-drop operations.
  • Custom Drag-and-Drop Tools - Supports specialized drag-and-drop interfaces with custom handles and validation rules.
  • Drag Handles - Allows restricting drag initiation to specific sub-elements using custom handles.
  • Drag-and-Drop Event Callbacks - Provides lifecycle hooks to execute custom validation and state synchronization logic during drag-and-drop phases.
  • Interactive UI Frameworks - Enables direct manipulation and reordering of data objects within browser-based user interfaces.
  • Keyed List Reconciliation - Automatically synchronizes the underlying data model with the visual order of list items during drag-and-drop operations.

Star history

Star history chart for marceljuenemann/angular-drag-and-drop-listsStar history chart for marceljuenemann/angular-drag-and-drop-lists

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. 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

Frequently asked questions

What does marceljuenemann/angular-drag-and-drop-lists do?

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.

What are the main features of marceljuenemann/angular-drag-and-drop-lists?

The main features of marceljuenemann/angular-drag-and-drop-lists are: Drag and Drop Libraries, Drag and Drop, List Reordering, Attribute-Only Directive Decorations, Drag-and-Drop Reordering, Draggable Element Registries, Drop Target Registries, Nested Drag Containers.

Which projects share features with marceljuenemann/angular-drag-and-drop-lists?

Projects with overlapping indexed features include: clauderic/dnd-kit — This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It… 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… sortablejs/sortable — Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions.… bevacqua/dragula — Dragula is a JavaScript drag and drop library and DOM element manipulator used to move and reorder HTML elements… 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… mzabriskie/react-draggable — react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement…

Projects sharing features with Angular Drag And Drop Lists

These projects share indexed features with Angular Drag And Drop Lists. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • clauderic/dnd-kitclauderic avatar

    clauderic/dnd-kit

    17,243View on GitHub↗

    This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It provides a foundational framework for managing complex spatial interactions, state synchronization, and element registration, allowing developers to create interactive web applications that support mouse, touch, and keyboard inputs. The library distinguishes itself through a highly extensible architecture that separates input handling from interaction logic. It utilizes a sensor-based input abstraction to normalize diverse user interactions and a plugin-driven lifecycle to inject c

    TypeScriptdragdrag-and-dropdraggable
    View on GitHub↗17,243
  • sortablejs/vue.draggable.nextSortableJS avatar

    SortableJS/vue.draggable.next

    4,499View on GitHub↗

    This project is a drag-and-drop UI library and a Vue 3 component for implementing sortable lists and state-synced interfaces. It acts as a wrapper for the Sortable.js library, providing a state-synced list component that automatically updates the underlying data array when items are reordered or moved. The library supports nested draggable interfaces and hierarchical data organization, allowing draggable containers to be nested inside other movable items to create multi-level structures. It also enables multi-column data transfer, allowing elements to be moved or cloned between different drag

    JavaScript
    View on GitHub↗4,499
  • 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
  • bevacqua/dragulabevacqua avatar

    bevacqua/dragula

    22,160View on GitHub↗

    Dragula is a JavaScript drag and drop library and DOM element manipulator used to move and reorder HTML elements between multiple containers. It functions as a UI interaction framework and event manager that tracks drag lifecycles to facilitate the movement of elements within a web browser interface. The library distinguishes itself through configurable constraint validation, allowing developers to define which elements are draggable and which containers are permitted drop targets. It supports specialized interaction patterns such as element cloning, the use of specific drag handles to restri

    JavaScriptcomponentdrag-and-dropdrag-drop
    View on GitHub↗22,160
Compare all 30 related projects→

Curated searches featuring Angular Drag And Drop Lists

Hand-picked collections where Angular Drag And Drop Lists appears.
  • Drag and drop library