For AI agents: the complete documentation index is available at https://gultyayev.github.io/ngx-virtual-dnd/llms.txt, the full documentation bundle is available at https://gultyayev.github.io/ngx-virtual-dnd/llms-full.txt, and this page is available as Markdown at https://gultyayev.github.io/ngx-virtual-dnd/guide/start/installation.md.
ngx-virtual-dnd
v3.6.2

    Installation

    npm
    yarn
    pnpm
    bun
    deno
    npm install ngx-virtual-dnd

    Requirements

    RequirementVersion
    @angular/core^21.0.0 || ^22.0.0
    @angular/common^21.0.0 || ^22.0.0
    BrowsersLatest Chrome, Edge, Firefox and Safari

    Its only runtime dependency is tslib.

    Imports

    Every component, directive, utility and type is exported from the package root. They are all standalone, so you import them directly in the component that uses them:

    import {
  DraggableDirective,
  DragPreviewComponent,
  DropEvent,
  DroppableGroupDirective,
  moveItem,
  VirtualSortableListComponent,
} from 'ngx-virtual-dnd';

    There are no providers to register and no global stylesheet to include. The one optional token, VDND_ANIMATION_CONFIG, turns on shift and drop animations. The library only sets the layout styles that virtual scrolling needs. How items, lists and the drop placeholder look is up to your app. See Styling for the CSS classes the library adds.

    Next

    Build your first list in the Quick start.