Drag Drop

AnkiWeb addon 172454001

Turns Anki cards into interactive drag-and-drop flashcards for image labeling or category sorting, with feedback, settings, and desktop/mobile support.
AI-generated summary; may contain mistakes.

card-creationappearancecard-templatesquizmobile-compatible

Open on AnkiWeb GitHub Ask about alternatives

AnkiWeb

Rating
3 (πŸ‘ 3 Β· πŸ‘Ž 0)
Updated
2026-09-28
Anki versions
25.07~
Description language
en

Maintenance

active

  • Last update or commit was 3 days before the snapshot (2026-09-28).

GitHub

Repository
doummar/drag_drop Β· more by doummar
Stars
⭐ 1 · forks 0 · open issues 0
Last commit
2026-09-26
License
MIT
Languages
Python, HTML, CSS
Tests
0

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
23.0925.07+2026-09-28
History across monthly snapshots

Loading…

Similar addons

Anki Image Reshaper

Automatically resizes and aligns images pasted or drag-dropped into Anki's editor using configurable strategies, toolbar switching, and deck-specific defaults.

card-creationformattingappearance

Rating 1 πŸ‘ 1 Β· πŸ‘Ž 0 ⭐ 0 Anki 2.1.66~ Updated 2025-12-28

README

Drag Drop β€” Anki Add-on

Interactive visual drag-and-drop flashcards for Anki Desktop (Windows, macOS, Linux), AnkiDroid, and AnkiMobile.

Overview

Drag Drop turns static diagrams, anatomical charts, process maps, labeled illustrations, and multi-category taxonomies into engaging interactive learning cards. Test your active recall by dragging labels to their designated drop zones or sorting items into category buckets.


Installation

Via Anki Add-on Package (.ankiaddon)

  1. Open Anki.
  2. Go to Tools β†’ Add-ons (or press Ctrl+Shift+A / Cmd+Shift+A).
  3. Click Install from file... and select drag_drop.ankiaddon.
  4. Restart Anki when prompted.

How to Create Cards

  1. In Anki's main screen, click Add (or press A).
  2. Click the Drag Drop toolbar icon or select Drag drop Image / DragDrop note type.
  3. Fill out the fields or use the visual interactive editors:
    • Image Labeling: Use the Visual Placement Studio to place and size target drop zones directly on your image.
    • Category Sorting: Use the Easy Card Creator to quickly define categories, answers, and decoy distractors.

Settings & Customization

Open Tools β†’ Drag Drop (or Tools β†’ Add-ons β†’ select Drag Drop β†’ Config) to access the clean settings panel:

  • General: Theme mode (Auto / Light / Dark), Default Layout (Horizontal / Vertical), Font (System Default / Sans-serif / Serif), and Size (Small / Medium / Large).
  • Image Labeling: Center card on screen, Max card width, Max image height, Auto-shuffle labels, Show score badge, Enable click-to-place, and Use colored feedback.
  • Category Sorting: Show βœ“ / βœ— symbols, Smooth animations, Highlight drop zones, Equal height columns, Auto-evaluate score, and Allow reordering items.
  • Support: User guide, GitHub issue reporting, and 1-click restore defaults.

License

This project is licensed under the MIT License β€” see the LICENSE file for details.

Copyright (c) 2026 Adel Aitah