{"repo":"samuelarbibe/dnd-timeline","free":true,"listed":false,"github":"https://github.com/samuelarbibe/dnd-timeline","clone":"git clone https://github.com/samuelarbibe/dnd-timeline.git","description":"dnd-timeline: A headless timeline library for React, based on dnd-kit","language":"TypeScript","stars":248,"topics":["dnd","dnd-kit","gantt","gantt-chart","timeline","react"],"license":"MIT","category":"ui-components","readme_excerpt":"🎉 dnd-timeline dnd-timeline: A headless timeline library, based on dnd-kit Support If you find this project helpful, consider supporting me on Buy Me a Coffee! --- - 🧠 Headless: dnd-timeline is a headless-ui library, and contains 0 styling, aside from functional styling (position, z-index, etc.). - 🪝 Hook-based : exposes simple hooks like useItem and useRow , that should integrate seamlessly into your existing architecture. - 🤺 Flexible: very slim and flexible by design. dnd-timeline exposes utility functions and positional styling, and you can use them in conjunction with you favorite libraries - styling libraries (MUI, tailwindcss, ant-design, etc.), and functional libraries (react-virtual, framer-motion, etc.) - 🏗️ Based on dnd-kit : all features exposed by the dnd-kit library are applicable to dnd-timeline. - 🏎️ Performant: renders only when needed. All the intermediate states and animations are done using css transformations, and require 0 re-renders. - 👆 Touch Support: Works with touch by default. Sensors can be highly configured using dnd-kit 's sensors. - 🌍 RTL: dnd-timeline nativly supports RTL. simply declare one of the parent divs as rtl with dir=\"rtl\" , and thats it. Installation The library requires a single peer-dependency: react To install it, run: Then, you can install the library itself: Examples - External : Drag items from outside to the timeline, from one timeline to another, nest timelines in each other... What ever you want! - Timeaxis : Add cust","default_branch":null,"files":null,"tree":[],"storefront":"/r/samuelarbibe","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/samuelarbibe/dnd-timeline/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}