{"id":27251597,"url":"https://github.com/carlosjorger/fluid-dnd","last_synced_at":"2025-04-11T01:10:56.959Z","repository":{"id":217147065,"uuid":"742884896","full_name":"carlosjorger/fluid-dnd","owner":"carlosjorger","description":"A drag and drop🤜🫳library for Vue 3🌿 and Svelte🚘","archived":false,"fork":false,"pushed_at":"2025-04-09T23:48:46.000Z","size":3393,"stargazers_count":304,"open_issues_count":1,"forks_count":10,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-04-10T00:31:00.525Z","etag":null,"topics":["agnostic","agnostic-to-frameworks","drag-and-drop","draggable","droppable","lightweight","no-dependencies","sortable","typescript","vue","vue-draggable","vue3"],"latest_commit_sha":null,"homepage":"https://fluid-dnd.netlify.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/carlosjorger.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-13T16:56:30.000Z","updated_at":"2025-04-10T00:27:53.000Z","dependencies_parsed_at":"2024-02-10T16:32:25.096Z","dependency_job_id":"cba2cb35-042e-45ca-9777-802cd95a7c28","html_url":"https://github.com/carlosjorger/fluid-dnd","commit_stats":{"total_commits":587,"total_committers":2,"mean_commits":293.5,"dds":0.005110732538330498,"last_synced_commit":"009df9c40f4517f267a6b23fe9261768ac17d7a3"},"previous_names":["carlosjorger/vue-datepicker","carlosjorger/vue-fluid-dnd","carlosjorger/fluid-dnd"],"tags_count":83,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosjorger%2Ffluid-dnd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosjorger%2Ffluid-dnd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosjorger%2Ffluid-dnd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/carlosjorger%2Ffluid-dnd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/carlosjorger","download_url":"https://codeload.github.com/carlosjorger/fluid-dnd/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248322600,"owners_count":21084337,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agnostic","agnostic-to-frameworks","drag-and-drop","draggable","droppable","lightweight","no-dependencies","sortable","typescript","vue","vue-draggable","vue3"],"created_at":"2025-04-11T01:10:56.511Z","updated_at":"2025-04-11T01:10:56.949Z","avatar_url":"https://github.com/carlosjorger.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":" \u003ch1 align=\"center\"\u003e\n    \u003cimg src=\"https://github.com/carlosjorger/fluid-dnd/assets/50055316/dab15832-5290-42ca-b425-db177a2e589e\" alt=\"Icon\" width=\"150\" height=\"140\" /\u003e\n  \u003cbr\u003eFluid DnD\u003cbr\u003e\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/fluid-dnd)\n[![license](https://img.shields.io/github/license/carlosjorger/fluid-dnd?label=license)](https://github.com/carlosjorger/fluid-dnd/blob/main/LICENSE)\n[![version](https://img.shields.io/npm/v/fluid-dnd)](https://www.npmjs.com/package/fluid-dnd)\n![GitHub issues](https://img.shields.io/github/issues/carlosjorger/fluid-dnd)\n![GitHub stars](https://img.shields.io/github/stars/carlosjorger/fluid-dnd)\n[![twitter](https://img.shields.io/twitter/follow/carlosjorgerc)](https://twitter.com/carlosjorgerc)\n[![test_coverage](https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage)](https://codeclimate.com/github/carlosjorger/fluid-dnd/test_coverage)\n\n\u003c/div\u003e\n\nFluid DnD is a [**fluid**, **agnostic** and **versatil** drag and drop\nlibrary for lists with support for Vue 3 and Svelte](https://fluid-dnd.netlify.app/). It's a**lightweight** tool ~7 Kb (gzip) with no depenencies.\n\n\u003cimg src=\"https://github.com/user-attachments/assets/b350f9a4-7dd7-40ca-ae3f-ecca166a9081\" width=\"100%\"/\u003e\n\n## 🧰 Features\n\n- ✅ **Fully customizable 🎨**.\n- ✅ **Zero dependencies 🪶**.\n- ✅ **Work with horizontal➡️and vertical list :arrow_down:**.\n- ✅ **Mouse 🐭 and touch 👉📱 (mobile, tablet and so on) support**.\n- ✅ **Nice documentation 📑 and examples**.\n- ✅ **Fully tested 🧪, typed and reliable**.\n\n## ✨ Inspirations\n\n- ✅ 🎥 Animations by [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)\n- ✅ 🎨 Api by [Drag \u0026 Drop by Formkit](https://drag-and-drop.formkit.com/)\n- ✅ 🧰 Features by [Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)\n\n## 🚀 Getting Started\n\n1. **Install fluid-dnd:**\n\n   ```bash\n   # with npm:\n   npm i fluid-dnd\n\n   # with yarn:\n   yarn add fluid-dnd\n\n   # with pnpm:\n   pnpm i fluid-dnd\n   ```\n\n3. **Documentation**\n\n- 📚 Check out all the [docs](https://fluid-dnd.netlify.app/).\n- 🛠️ Edit the previous [here](https://codesandbox.io/s/nifty-hooks-5plkpl).\n- 📘 See others examples [here](https://fluid-dnd.netlify.app/example/vertical-list/single-vertical-list/).\n\n## 🤝 Contributing\n\nIf you're interested in contributing to [fluid-dnd](https://github.com/carlosjorger/fluid-dnd), please read our contributing docs before submitting a pull request [CONTRIBUTING](./CONTRIBUTING.md).\n\n## 🔑 License\n\n- [MIT](https://github.com/carlosjorger/fluid-dnd/blob/main/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlosjorger%2Ffluid-dnd","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcarlosjorger%2Ffluid-dnd","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarlosjorger%2Ffluid-dnd/lists"}