awesome-repositories.com
ब्लॉग
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेसMCP सर्वर
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

25 रिपॉजिटरी

Awesome GitHub RepositoriesInteraction Controllers

Utilities for making DOM elements draggable, rotatable, or scrollable with support for constraints and axis locking.

Distinct from Interactive UI Elements: Distinct from Interactive UI Elements: focuses on low-level interaction primitives like dragging and rotation rather than high-level UI components.

Explore 25 awesome GitHub repositories matching user interface & experience · Interaction Controllers. Refine with filters or upvote what's useful.

Awesome Interaction Controllers GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • allthingssmitty/css-protipsAllThingsSmitty का अवतार

    AllThingsSmitty/css-protips

    30,114GitHub पर देखें↗

    This project is a curated knowledge base and technical reference for professional web styling. It serves as a comprehensive guide to modern CSS best practices, focusing on techniques that leverage native browser capabilities to create efficient, maintainable, and scalable stylesheets. The collection emphasizes the use of declarative style logic and modern layout engines to replace brittle, imperative approaches. By prioritizing native pseudo-class state management, logical property mapping, and relative unit scaling, the guide demonstrates how to build responsive interfaces that remain consis

    Provides CSS patterns to restrict pointer events on non-interactive or loading components.

    awesomeawesome-listcss
    GitHub पर देखें↗30,114
  • greensock/gsapgreensock का अवतार

    greensock/GSAP

    23,877GitHub पर देखें↗

    GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib

    Enables DOM elements to be draggable, rotatable, or scrollable with support for constraints and custom trigger areas.

    JavaScriptanimationgsapjavascript
    GitHub पर देखें↗23,877
  • react-grid-layout/react-grid-layoutreact-grid-layout का अवतार

    react-grid-layout/react-grid-layout

    22,319GitHub पर देखें↗

    React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint

    Allows developers to lock specific widgets in place to prevent user-initiated movement or resizing.

    TypeScriptdrag-and-dropes2015grid
    GitHub पर देखें↗22,319
  • necolas/react-native-webnecolas का अवतार

    necolas/react-native-web

    22,132GitHub पर देखें↗

    This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

    Control exclusive pointer access between overlapping views to ensure that complex gestures and touch events propagate correctly without conflicting with other active elements on the screen.

    JavaScriptcross-platformcss-in-jsgui-framework
    GitHub पर देखें↗22,132
  • niri-wm/niriniri-wm का अवतार

    niri-wm/niri

    20,069GitHub पर देखें↗

    Niri is a Wayland compositor and tiling window manager designed for Linux systems. It functions as a display server that organizes application windows into a scrollable, column-based layout, providing a structured environment for managing graphical sessions, input routing, and hardware output. The project distinguishes itself through a declarative configuration engine that enables live-reloading of settings, allowing users to modify window rules, input bindings, and visual appearance without restarting the session. It features a physics-based animation system that uses spring-based curves to

    Restricts user interactions and keybindings during session locks to maintain system security.

    Rustrustsmithaytiling-window-manager
    GitHub पर देखें↗20,069
  • hammerspoon/hammerspoonHammerspoon का अवतार

    Hammerspoon/hammerspoon

    14,497GitHub पर देखें↗

    Hammerspoon is a programmable automation engine for macOS that enables deep system-level control through a Lua scripting environment. By bridging high-level scripts with native Objective-C APIs, it allows users to interact with the operating system's accessibility tree, intercept hardware input streams, and manage the lifecycle of running applications. The project distinguishes itself through an event-driven architecture that registers asynchronous hooks for system notifications and hardware events. This allows for real-time automation, such as remapping keyboard and mouse inputs, managing wi

    Interacts directly with system hardware to query or modify the Caps Lock state.

    Objective-Cautomationhammerspoonirc
    GitHub पर देखें↗14,497
  • uidotdev/usehooksuidotdev का अवतार

    uidotdev/usehooks

    11,394GitHub पर देखें↗

    This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state management, and component lifecycle tracking. It provides a declarative interface for managing complex browser interactions, allowing developers to encapsulate imperative logic into modular, composable functions that integrate directly with the component lifecycle. The library distinguishes itself by offering specialized utilities for asynchronous data orchestration, including built-in caching, retry logic, and loading state management. It also features advanced performance opti

    Updates document titles, favicons, and body scroll locks to manage the visual state of the webpage.

    MDXastrobloghooks
    GitHub पर देखें↗11,394
  • rgcr/m-clirgcr का अवतार

    rgcr/m-cli

    9,889GitHub पर देखें↗

    m-cli is a suite of command line utilities designed for macOS system administration, hardware management, networking, and security permissions. It provides a terminal-based interface to configure system preferences and manage hardware components. The project allows for the direct control of physical system components, such as fan speeds, battery states, and display brightness. It also provides utilities for network administration, including the management of Wi-Fi connections, DNS settings, VPNs, and firewall rules. The tool covers a broad range of administrative capabilities, including powe

    Adjusts the state of physical components like fans, batteries, and Bluetooth adapters via terminal.

    Shellbashclilooking-for-maintainer
    GitHub पर देखें↗9,889
  • whatwg/htmlwhatwg का अवतार

    whatwg/html

    9,163GitHub पर देखें↗

    This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.

    Implements the ability to make an element and all its descendants inert to block interaction.

    HTMLcanvaseventsourcehtml
    GitHub पर देखें↗9,163
  • caelestia-dots/shellcaelestia-dots का अवतार

    caelestia-dots/shell

    7,592GitHub पर देखें↗

    This project is a QML desktop shell designed for desktop environment orchestration and interface customization. It functions as a system status dashboard and a declarative user interface for managing system hardware, window metadata, and user sessions. The shell features a dynamic theme generator that extracts dominant colors from wallpapers to automatically synchronize the global visual color palette. It utilizes an inter-process communication system to orchestrate shell functions and a hierarchical JSON configuration framework to manage global and per-monitor interface layouts. The system

    Secures the current user session by blocking all input until successful authentication occurs.

    QMLcaelestiadotfileshyprland
    GitHub पर देखें↗7,592
  • blinksh/blinkblinksh का अवतार

    blinksh/blink

    6,596GitHub पर देखें↗

    Blink is a mobile terminal platform for iOS that combines an SSH and Mosh client with a local shell emulator, snippet manager, and SSH key storage. It renders terminal output using Chromium's HTerm engine for fast display and maintains persistent remote sessions across network changes through the Mosh protocol. The platform supports SSH key-based authentication, WebAuthn hardware security keys, and SOCKS5 proxy tunneling for secure remote access. The terminal environment is built around gesture-based session navigation, allowing users to switch between multiple shells with swipe and pinch ges

    Blink Shell disconnects all active SSH sessions when the device is moved significantly to prevent unauthorized access.

    Swiftiosipadipados
    GitHub पर देखें↗6,596
  • saenzramiro/ramboxsaenzramiro का अवतार

    saenzramiro/rambox

    6,384GitHub पर देखें↗

    Rambox is a desktop application that consolidates multiple web-based messaging and email services into a single window, allowing users to manage all their communications from one unified interface. It embeds each service inside an isolated web view, rendering the original web app without modification, and organizes them as draggable tabs in a persistent bar that supports reordering, disabling, and layout switching without restarting. The application distinguishes itself through several customization and security capabilities. Users can inject custom JavaScript or CSS into any service's web vi

    Secures the application with a master password that auto-locks after inactivity to prevent unauthorized access.

    JavaScript
    GitHub पर देखें↗6,384
  • bcakmakoglu/vue-flowbcakmakoglu का अवतार

    bcakmakoglu/vue-flow

    6,338GitHub पर देखें↗

    Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

    Toggles interactivity on and off for the entire diagram to prevent accidental edits.

    TypeScriptdiagramsflowflowchart
    GitHub पर देखें↗6,338
  • codeigniter4/codeigniter4codeigniter4 का अवतार

    codeigniter4/CodeIgniter4

    5,924GitHub पर देखें↗

    CodeIgniter is a PHP web framework built on the Model-View-Controller pattern, designed for building full-stack web applications. It provides a lightweight toolkit with minimal configuration, organizing application logic into controllers, models, and views for clean separation of concerns. The framework includes a fluent query builder for constructing SQL statements programmatically, PSR-4 autoloading with namespace mapping, and a service-based dependency injection container for managing shared class instances. The framework distinguishes itself through its comprehensive set of built-in tools

    Provides a method to release session locks early for improved concurrent request handling.

    PHPcodeignitercodeigniter4framework-php
    GitHub पर देखें↗5,924
  • dthree/vorpaldthree का अवतार

    dthree/vorpal

    5,628GitHub पर देखें↗

    Vorpal एक Node.js इंटरैक्टिव CLI फ्रेमवर्क और टर्मिनल यूजर इंटरफेस लाइब्रेरी है जिसका उपयोग एक्स्टेंसिबल कमांड-लाइन शेल बनाने के लिए किया जाता है। यह एक इंटरैक्टिव कमांड-लाइन पार्सर के रूप में कार्य करता है जो स्ट्रिंग इनपुट को निष्पादन योग्य कार्यों में परिवर्तित करता है, टर्मिनल सत्रों और कमांड राउटिंग के लाइफसाइकिल को प्रबंधित करता है। फ्रेमवर्क एक प्लगइन-आधारित एक्सटेंशन आर्किटेक्चर द्वारा प्रतिष्ठित है जो बाहरी मॉड्यूल को कोर वातावरण में नए कमांड, साझा व्यवहार और पूर्ण कमांड सूट पंजीकृत करने की अनुमति देता है। यह विशेष नेमस्पेस के साथ कस्टम शेल वातावरण के निर्माण और निरंतर यूजर इतिहास व लोकल की-वैल्यू स्टोरेज के लिए एक सिस्टम का समर्थन करता है।

    Provides a controller for the terminal display that manages content redrawing and the input/output loop.

    JavaScript
    GitHub पर देखें↗5,628
  • orestbida/cookieconsentorestbida का अवतार

    orestbida/cookieconsent

    5,548GitHub पर देखें↗

    यह प्रोजेक्ट एक कुकी सहमति प्रबंधक और GDPR अनुपालन टूल है जिसका उपयोग कुकी श्रेणियों के लिए उपयोगकर्ता की सहमति एकत्र करने के लिए किया जाता है। इसे एक वैनिला JavaScript प्लगइन के रूप में लागू किया गया है जो बाहरी फ्रेमवर्क या डिपेंडेंसी के बिना काम करता है। यह टूल एक बहुभाषी सहमति इंटरफेस प्रदान करता है जो अनुवादित सामग्री प्रदान करने के लिए ब्राउज़र या डॉक्यूमेंट लोकेल का स्वचालित रूप से पता लगाता है। यह स्पष्ट उपयोगकर्ता सहमति मिलने तक थर्ड-पार्टी iframes और स्क्रिप्ट्स को ब्लॉक करके गोपनीयता प्राथमिकताओं को मैनेज करता है। सिस्टम लेआउट शैलियों और थीम्स सहित कॉन्फ़िगर करने योग्य बैनर और मोडल्स के माध्यम से वेबसाइट गोपनीयता कस्टमाइज़ेशन को कवर करता है। इसमें सहमति निर्णय लिए जाने तक पेज इंटरैक्शन को प्रतिबंधित करने की क्षमताएं भी शामिल हैं।

    Blocks pointer and focus events on the page content until a consent decision has been made.

    JavaScript
    GitHub पर देखें↗5,548
  • unlayer/react-email-editorunlayer का अवतार

    unlayer/react-email-editor

    5,086GitHub पर देखें↗

    React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

    Locks specific template elements to prevent end-users from modifying or deleting them.

    TypeScriptbuilderdrag-and-dropemail
    GitHub पर देखें↗5,086
  • mescroll/mescrollmescroll का अवतार

    mescroll/mescroll

    4,459GitHub पर देखें↗

    mescroll एक JavaScript इनफिनिट स्क्रॉल लाइब्रेरी और मोबाइल वेब स्क्रॉल मैनेजर है जिसे पुल-टू-रिफ्रेश और पुल-अप-लोडिंग पैटर्न को लागू करने के लिए डिज़ाइन किया गया है। यह टच-आधारित स्क्रॉलिंग को संभालने, पेजिनेशन स्टेट्स को प्रबंधित करने और Vue एप्लिकेशन के भीतर इन व्यवहारों को एकीकृत करने के लिए एक सिस्टम प्रदान करता है। यह लाइब्रेरी चैट इंटरफेस के लिए विशेष समर्थन के माध्यम से खुद को अलग करती है, जो रिवर्स-ऑर्डर डेटा लोडिंग और संदेश इतिहास का अनुकरण करने के लिए रिवर्स दिशा में डेटा इंजेक्ट करने की क्षमता को सक्षम बनाती है। इसमें उपयोगकर्ताओं द्वारा विभिन्न दृश्यों के बीच नेविगेट करने पर वर्टिकल ऑफसेट और लिस्ट डेटा को संरक्षित करने के लिए एक स्टेट-पर्सिस्टेंट स्क्रॉल कैश भी शामिल है। यह प्रोजेक्ट इंटरैक्शन और प्रदर्शन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है, जिसमें नेटिव ब्राउज़र रबर-बैंडिंग का दमन, व्यूपोर्ट-जागरूक इमेज लेज़ी लोडिंग और प्रोग्रामेटिक स्क्रॉल पोजिशनिंग शामिल है। यह पेजिनेशन स्टेट्स को प्रबंधित करने, लोडिंग और खाली स्टेट UI को कस्टमाइज़ करने और बैक-टू-टॉप नेविगेशन को लागू करने के लिए उपयोगिताएँ भी प्रदान करता है।

    Provides mechanisms to temporarily lock and ignore touch events to prevent accidental refresh or load triggers.

    Vuebouncecss3html5
    GitHub पर देखें↗4,459
  • elrumordelaluz/reactourelrumordelaluz का अवतार

    elrumordelaluz/reactour

    4,084GitHub पर देखें↗

    यह React एप्लिकेशन्स के लिए एक गाइडेड टूर लाइब्रेरी और ऑनबोर्डिंग फ्रेमवर्क है। यह विशिष्ट इंटरफेस कंपोनेंट्स को हाइलाइट करने के लिए एलिमेंट-एंकर पॉपओवर और विज़ुअल मास्किंग टूल्स का उपयोग करके इंटरैक्टिव, स्टेप-बाय-स्टेप वॉकथ्रू बनाने के लिए एक सिस्टम प्रदान करता है। यह लाइब्रेरी एक्सेसिबिलिटी पर केंद्रित है, जो समावेशी उपयोगकर्ता ऑनबोर्डिंग सुनिश्चित करने के लिए स्क्रीन रीडर्स और कीबोर्ड नेविगेशन के लिए इन-बिल्ट समर्थन प्रदान करती है। यह डिफ़ॉल्ट इंटरफेस तत्वों, जैसे बैज और बटन, को कस्टम React कंपोनेंट्स के साथ बदलने की अनुमति देकर व्यापक अनुकूलन की सुविधा देती है। यह फ्रेमवर्क स्टेट मैनेजमेंट और सेलेक्टर-आधारित एलिमेंट टारगेटिंग के माध्यम से टूर ऑर्केस्ट्रेशन को कवर करता है। इसमें स्वचालित व्यूपोर्ट स्क्रॉलिंग, पॉपओवर ट्रांज़िशन प्रबंधन और वॉकथ्रू के दौरान अंतर्निहित इंटरफेस के साथ उपयोगकर्ता इंटरैक्शन को प्रतिबंधित करने की क्षमता शामिल है।

    Allows blocking user input on highlighted elements during a walkthrough to control the user experience.

    TypeScriptgetting-startedguideguided-tours
    GitHub पर देखें↗4,084
  • mattbryson/touchswipe-jquery-pluginmattbryson का अवतार

    mattbryson/TouchSwipe-Jquery-Plugin

    4,035GitHub पर देखें↗

    This project is a jQuery plugin designed to detect and handle touch gestures on touch-enabled devices. It serves as a touch input handler and mobile gesture interface for identifying interactions such as swipes and pinches within a jQuery environment. The library distinguishes intentional gestures from accidental movements through configurable distance and time thresholds. It includes mechanisms to manage input interference, allowing for the exclusion of specific interactive child elements and the locking of default browser behaviors like scrolling or zooming during an active gesture. The sy

    Prevents conflicting browser behaviors like scrolling or zooming while a touch gesture is being tracked.

    JavaScript
    GitHub पर देखें↗4,035
पिछला12अगला
  1. Home
  2. User Interface & Experience
  3. Interactive UI Elements
  4. Interaction Controllers

सब-टैग एक्सप्लोर करें

  • Interaction Locks4 सब-टैग्सMechanisms for controlling exclusive pointer access between overlapping views to prevent interaction conflicts. **Distinct from Interaction Controllers:** Distinct from Interaction Controllers: focuses specifically on exclusive access negotiation and gesture propagation rather than element manipulation like dragging or rotation.
  • Pointer Event Restrictions1 सब-टैगTechniques for disabling or limiting user interaction on specific UI elements. **Distinct from Interaction Controllers:** Distinct from Interaction Controllers: focuses on disabling pointer events for state management rather than enabling complex manipulation like dragging.
  • Terminal Display Controllers1 सब-टैगUtilities for managing the redrawing and layout loop of terminal-based user interfaces. **Distinct from Interaction Controllers:** Focuses on terminal redraw loops and display management rather than DOM-based interaction primitives like dragging.