$15, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Drag-and-Drop UI Components
Drag-and-drop components for sortable lists, kanban boards, reorderable grids and tree views, with grab, dragging and drop-target states.
$15
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 38 components
- File formats
- .fig, .sketch, .html, .css, .js, .png
- Supported software
- Figma, Sketch, HTML/CSS
- Download size
- 17 MB
- Good for
- Kanban and task boards
- Page and form builders
- File managers
About this product
Sortable lists with drag handles, kanban columns and cards, a reorderable image grid, a nested folder tree and a block-builder sidebar are the patterns covered by these 38 components. Items carry idle, hover, grabbed, dragging, valid drop-target and invalid drop-target states, with insertion lines and placeholder slots showing where an item will land.
A Figma prototype uses the On drag trigger to demonstrate reordering, and small HTML, CSS and JavaScript examples show the same states on the browser's native drag-and-drop API. Teams building task boards, page builders or file managers can agree on drag feedback before development starts.
What's inside
- 38 components for lists, kanban boards, grids and trees
- 6 item states from idle to invalid drop target
- Insertion lines, drag previews and placeholder slots
- Figma prototype using On drag interactions
- HTML, CSS and JS examples on the native drag API
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$15, Fits your $30 budget
$15, Fits your $30 budget
$15, Fits your $30 budget