Animated Sortable List Components

Dev Design Library indexes 15 Animated sortable list components from 8 open-source UI libraries, with the most coming from Watermelon UI, UI Lab, SpaceUI, Cult UI and transitions.dev. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the sortable list components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Sortable list components belong to the Data display group.

• Sortable ListCult UI · ReactDrag-and-drop sortable list component with smooth animations and reordering
• Drag Drop With Physicstransitions.dev · HTML/CSS
• SortablePanel UI · React NativeA list whose rows can be dragged into a different order.
• Pin ItemWatermelon UI · React
• Reorderable listArc Library · ReactOrganize items with direct drag and drop.
• Kanban BoardUI Lab · ReactLift a card and the others slide aside to make room for it.
• Liquid Sortable ListSpaceUI · ReactSmooth drag-and-drop sortable team list with generative avatars and spring reordering.
• Kanban BoardReactFrame · ReactA drag-and-drop task board with a hand-rolled pointer-based drag engine, velocity tilt, edge autoscroll, ghost…
• Pin Item BaseWatermelon UI · React
• Reorder ListUI Lab · ReactPicks rows up by the handle and slides the rest out of the way.
• Pin ListSpaceUI · ReactProvides a quick-access bar where users can pin, organize, and reorder favorite items, documents, or shortcuts.
• Pin ListWatermelon UI · React
• Sortable GridUI Lab · ReactDrag an app tile and the others slide out of its way.
• Shuffle Pinned ItemWatermelon UI · React
• Shuffle Pinned Item BaseWatermelon UI · React

Libraries with Animated sortable list components

• Watermelon UI
• UI Lab
• SpaceUI
• Cult UI
• transitions.dev

Related categories

• Sortable List Components
• React Sortable List Components
• Tailwind CSS Sortable List Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel Components
• Animated Accordion Components
• Animated Stat Components
• Animated Collapsible Components
• Animated Card Stack Components
• Animated Counter Components
• Animated List Components
• Animated Avatar Components
• Animated Table Components
• Animated Tree View Components
• Animated Avatar Group Components
• Animated Line Chart Components
• Animated Timeline Components