# Drag and Drop components

> Implement intuitive drag-and-drop functionality with 13 React components, optimized for Next.js and Tailwind CSS.

151 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/drag-and-drop.

- [Bucket](https://21st.dev/@0xUrvish/components/bucket.md) — by 0xUrvish
- [Draggable Priority List](https://21st.dev/@nikhiljainsam/components/draggable-priority-list.md) — by nikhiljainsam
- [Draggable Card](https://21st.dev/@manuarora700/components/draggable-card.md) — by Manu Arora
- [Swapy Draggable Card](https://21st.dev/@uilayout.contact/components/swapy-draggable-card.md) — by UI Layouts
- [Draggable List](https://21st.dev/@preetsuthar17/components/draggable-list.md) — by Preet Suthar
- [GSAP Draggable Rope](https://21st.dev/@isaiahbjork/components/gsap-draggable-rope.md) — by Isaiah
- [Drag cards](https://21st.dev/@minhxthanh/components/drag-cards.md) — by Le Thanh
- [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md) — by Ruixen UI
- [Interactive Bento Gallery](https://21st.dev/@anurag-mishra22/components/interactive-bento-gallery.md) — by Anurag Mishra
- [Table](https://21st.dev/@originui/components/table/draggable-columns-made-with-tan-stack-table-and-dnd-kit.md) — by Origin UI
- [Testimonial Cards](https://21st.dev/@vaib215/components/testimonial-cards.md) — by Vaibhav Kumar Singh
- [useImageUpload](https://21st.dev/@originui/components/use-image-upload.md) — by Origin UI
- [Img Sphere](https://21st.dev/@tonyzebastian/components/img-sphere.md) — by Tony Sebastian
- [Vertical Image Stack](https://21st.dev/@jatin-yadav05/components/vertical-image-stack.md) — by Jatin Yadav
- [Slide Button](https://21st.dev/@reuno-ui/components/slide-button.md) — by reuno-ui
- [Image Comparison Slider](https://21st.dev/@minhxthanh/components/image-comparison-slider.md) — by Le Thanh
- [Testimonial](https://21st.dev/@anurag-mishra22/components/testimonial.md) — by Anurag Mishra
- [Compare](https://21st.dev/@manuarora700/components/compare.md) — by Manu Arora
- [Event Manager](https://21st.dev/@vaib215/components/event-manager.md) — by Vaibhav Kumar Singh
- [File Upload](https://21st.dev/@manuarora700/components/file-upload.md) — by Manu Arora
- [Interactive Folder Gallery](https://21st.dev/@alexperezcedeno/components/interactive-folder-gallery.md) — by uithefactory
- [Bento Gallery](https://21st.dev/@ravikatiyar162/components/bento-gallery.md) — by Ravi Katiyar
- [Infinite Drag + Scroll Gallery](https://21st.dev/@rylenlobo/components/infinite-drag-scroll.md) — by Rylen Lobo
- [Image Sphere](https://21st.dev/@tonyzebastian/components/image-sphere.md) — by Tony Sebastian
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md) — by Julien Thibeaut
- [Image Comparison Slider (Horizontal)](https://21st.dev/@ravikatiyar162/components/image-comparison-slider-horizontal.md) — by Ravi Katiyar
- [Upload Input](https://21st.dev/@ruixen.ui/components/ruixen-upload-input.md) — by Ruixen UI
- [File Upload Card](https://21st.dev/@ravikatiyar162/components/file-upload-card.md) — by Ravi Katiyar
- [Kanban](https://21st.dev/@haydenbleasel/components/kanban.md) — by Hayden Bleasel
- [Kanban](https://21st.dev/@TomIsLoading/components/kanban.md) — by Hover.Dev
- [Kinetic ShatterBox Section](https://21st.dev/@feevercz/components/kinetic-shatter-box-section.md) — by feevercz
- [Trello Kanban Board](https://21st.dev/@koustubhayadiyala36/components/trello-kanban-board.md) — by Kousthubha Yadiyala
- [Kanban](https://21st.dev/@sean0205/components/kanban.md) — by Sean Hello
- [Tree](https://21st.dev/@originui/components/tree/file-editor-with-drag-and-drop.md) — by Origin UI
- [Tree](https://21st.dev/@originui/components/tree/tree-with-multi-select-and-drag-and-drop.md) — by Origin UI
- [Image Stack](https://21st.dev/@tonyzebastian/components/image-stack.md) — by Tony Sebastian
- [File Upload](https://21st.dev/@ruixen.ui/components/file-upload.md) — by Ruixen UI
- [Dropzone](https://21st.dev/@haydenbleasel/components/dropzone.md) — by Hayden Bleasel
- [Swipe Animation](https://21st.dev/@aghasisahakyan1/components/swipe-animation.md) — by Erik X
- [Image Uploader](https://21st.dev/@lavikatiyar/components/image-uploader.md) — by Lavi Katiyar
- [Kanban Board](https://21st.dev/@arihantcodes_1f7b8c4d/components/kanban-board.md) — by Arihant jain
- [Shared Element Gallery](https://21st.dev/@easemize/components/shared-element-gallery.md) — by Hossain Jahed
- [File Upload](https://21st.dev/@preetsuthar17/components/file-upload.md) — by Preet Suthar
- [Video Upload Card](https://21st.dev/@isaiahbjork/components/video-upload-card.md) — by Isaiah
- [Spring Element](https://21st.dev/@arhamkhnz/components/spring-element.md) — by Arham Khan
- [BeUI File Upload](https://21st.dev/@saurabh10102/components/be-ui-file-upload.md) — by Saurabh Chauhan
- [Timeline](https://21st.dev/@nparashar150/components/timeline-1.md) — by Naman Parashar
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-3.md) — by Origin UI
- [FileUpload](https://21st.dev/@arunjdass/components/file-upload.md) — by Arun Dass
- [Date Wheel Picker](https://21st.dev/@johuniq/components/date-wheel-picker.md) — by johuniq
- [Futuristic File Uploader](https://21st.dev/@singla2125ji/components/futuristic-file-uploader/futuristic-file-uploader.md) — by LAKSHAY SINGLA
- [Photo Stack](https://21st.dev/@ravikatiyar162/components/photo-stack.md) — by Ravi Katiyar
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/draggable-rows-table.md) — by Sean Hello
- [MapMarker](https://21st.dev/@mapcn/components/mapcn-map-marker/draggable-marker.md) — by Anmoldeep Singh
- [File Upload](https://21st.dev/@ephraimduncan/components/file-upload-1.md) — by Ephraim Duncan
- [Reorderable Table](https://21st.dev/@ruixen.ui/components/reorderable-table.md) — by Ruixen UI
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/files-list-upload.md) — by Abraham
- [Light Pull Theme Switcher](https://21st.dev/@oldkong88/components/light-pull-theme-switcher/pull-down-to-change-theme.md) — by SEONG HUN
- [VideoTimelineEditor](https://21st.dev/@dhileepkumargm/components/video-timeline-editor.md) — by Dhileep Kumar GM
- [File Upload](https://21st.dev/@anubra266/components/file-upload-1/directory-upload.md) — by Abraham

Full component directory: https://21st.dev/llms.txt