6 Repos
Components that allow users to reorder items via drag-and-drop or other interactions.
Distinguishing note: None available; minting under UI umbrella.
Explore 6 awesome GitHub repositories matching user interface & experience · Sortable Lists. Refine with filters or upvote what's useful.
This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
Provides interactive list components that support reordering functionality.
Vue.Draggable is a user interface component for Vue that enables drag-and-drop list reordering. It functions as a declarative wrapper for the Sortable.js library, providing a specialized list element that synchronizes the visual order of elements with an underlying data model. The project supports complex interactive layouts, including the ability to transfer items between multiple containers and clone items during the drag process. It provides mechanisms to restrict drag initiation to specific handle elements and allows for the embedding of static content within the draggable area. The fram
Provides a declarative Vue wrapper for the Sortable.js library to synchronize DOM reordering with reactive data models.
React Sortable Hoc is a library for building drag-and-drop reorderable lists and grids within web applications. It provides a set of reusable components designed to integrate into the component-based architecture of React, allowing users to rearrange elements through mouse or touch input. The library utilizes a higher-order component pattern to inject drag-and-drop state management into existing list components without requiring modifications to the underlying implementation. It employs portal-based ghost rendering to move elements outside the normal document flow, while using hardware-accele
Provides a library for creating drag-and-drop reorderable lists and grids within React web applications.
ngx-bootstrap ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.
Implements drag-and-drop interfaces for rearranging list items using custom templates.
Dieses Projekt ist eine Drag-and-Drop-UI-Bibliothek und eine Vue-3-Komponente zur Implementierung sortierbarer Listen und zustandssynchronisierter Oberflächen. Es fungiert als Wrapper für die Sortable.js-Bibliothek und bietet eine zustandssynchronisierte Listenkomponente, die das zugrunde liegende Daten-Array automatisch aktualisiert, wenn Elemente neu geordnet oder verschoben werden. Die Bibliothek unterstützt verschachtelte draggable Oberflächen und hierarchische Datenorganisation, was es ermöglicht, draggable Container innerhalb anderer beweglicher Elemente zu verschachteln, um mehrstufige Strukturen zu erstellen. Sie ermöglicht zudem den Datentransfer über mehrere Spalten hinweg, wodurch Elemente zwischen verschiedenen draggable Containern verschoben oder geklont werden können. Zusätzliche Funktionen umfassen die Verwendung eingeschränkter Interaktions-Handles zur Initiierung von Bewegungen und die Möglichkeit, statische, nicht bewegliche Inhalte innerhalb einer draggable Liste einzubetten. Das System verfolgt Drag-Event-Lebenszyklen, um Callbacks auszulösen, wenn Elemente hinzugefügt, entfernt oder neu positioniert werden.
Provides a Vue 3 wrapper for Sortable.js to synchronize DOM changes with reactive state.
Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili
Provides components that allow users to reorder items and metadata lists via drag-and-drop.