18 Repos
Methods for invoking UI actions via scripts or custom events.
Distinguishing note: Focuses on programmatic access rather than user-initiated clicks.
Explore 18 awesome GitHub repositories matching user interface & experience · Programmatic Triggers. Refine with filters or upvote what's useful.
React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.
Allows programmatic initiation of resource downloads within rendering cycles or event handlers.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Provides utilities to invoke interface logic from custom buttons or external events to initiate backend processes.
jquery-pjax is a client-side library that combines Ajax requests with the HTML5 History API to replace page content without triggering a full browser reload. It fetches HTML fragments from the server and updates the browser URL using pushState, preserving the page layout and assets while only swapping a designated container's content. The library emits custom JavaScript events at each stage of the request lifecycle, enabling external handlers to respond to loading, success, and error states. The project distinguishes itself through its event-driven navigation model and server-side integration
Initiate a pjax request from custom JavaScript code by specifying the URL and target container manually.
Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
Allows programmatic triggering of context menus via events to simulate user interaction.
This project provides an animated Live2D character widget that can be embedded on any web page as an interactive mascot. The widget renders characters using the Cubism SDK on an HTML canvas, and can be deployed either via a content delivery network for zero-setup integration or self-hosted on a personal server for full control over asset delivery. The mascot responds to visitor actions through CSS selector-based interaction binding, displaying custom speech bubbles when users hover over or click specific page elements. Visitors can click and drag the character to reposition it anywhere on the
Keeps the mascot loaded and responsive across page transitions without a full page reload.
This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab
Includes programmatic APIs to navigate to specific slides or move to the next/previous item.
kiss-translator is a browser extension that provides an AI translation pipeline to render bilingual web content. It functions as a bilingual web translator, displaying original and translated text side-by-side while preserving the layout, formatting, and links of the original webpage. The tool distinguishes itself through deep AI customization, using terminology glossaries, conversation memory, and variable-based prompt templating to improve translation accuracy. It supports real-time translation streaming and allows users to compare outputs from multiple translation services simultaneously w
Enables the invocation of translation actions and style toggles via programmatic script events.
Lucky Canvas is a canvas-based lottery component library that enables developers to build interactive prize wheels, grid-based lottery games, and slot machines for web and mobile applications. The project provides a rendering engine that draws directly on HTML Canvas elements, with automatic device pixel ratio scaling to ensure crisp displays on high-DPI mobile screens. The library packages each lottery type as a self-contained plugin with its own configuration and rendering logic, and wraps the core canvas functionality in framework-specific bindings for Vue, React, Taro, and UniApp without
Starts lottery spins and stops at specified prize indices via scripted method calls.
BiliBiliToolPro is an account automation tool for Bilibili designed to manage multiple profiles, claim rewards, and maintain session cookies via QR code authentication. It functions as a growth bot and reward collector that automates daily activities to increase account rank and experience points. The project is built as a containerized automation suite, allowing for scheduled task execution across Docker, Kubernetes, or other automation panels. It features multi-account profile isolation, which separates user credentials and session data to execute tasks independently for different accounts.
Automatically enters timed draws within live streaming centers to win available prizes.
DailyCheckin is an automated multi-platform daily check-in tool that logs into dozens of online services to collect rewards without manual intervention. It supports a wide range of platforms including Bilibili, Baidu Tieba, Aliyun Drive, AcFun, and many others, handling tasks such as daily sign-ins, coin tipping, lottery draws, and virtual currency conversion. The system is built around a config-file-based platform registry that allows dynamic addition or exclusion of tasks, with a cron-driven scheduler executing all check-in scripts sequentially in a single process. The tool distinguishes it
Allows selecting specific product IDs for iMoutai lottery draws, overriding the default申购 list.
Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating touch-enabled, swipeable content sliders. It functions as a plugin-based framework that manages scroll physics and slide positioning without imposing specific UI styles, while providing a programmable API for custom carousel development. The system is distinguished by its modular architecture, allowing developers to extend core logic through external plugins and custom event hooks. It is compatible with server-side rendering, generating initial styles on the server to prevent layout s
Provides a programmable API to trigger slide transitions and manage carousel actions via code.
Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga
Provides programmatic APIs to move the slider to a specific position or calculated index.
react-joyride is a user onboarding library for React applications used to create interactive guided tours and walkthroughs. It provides a framework for defining sequences of tooltips and beacons that highlight specific user interface elements to introduce users to application features. The library distinguishes itself through a programmatic controller that allows developers to manage tour state, navigation, and lifecycle events via external application logic. It supports a high degree of visual extensibility, allowing the replacement of default tooltips and beacons with custom components to m
Offers programmatic methods to start, stop, or transition between tour steps via external scripts and hooks.
hotkeys-js is a JavaScript keyboard shortcut library and event manager used to map key combinations to callback functions within web applications. It serves as an input shortcut orchestrator that captures and filters keyboard events to execute custom actions. The library distinguishes itself through shortcut scope management, allowing shortcuts to be organized into named groups. These scopes can be toggled to prevent command conflicts across different application states. The system covers keyboard shortcut binding and unbinding, real-time key state querying, and input event filtering to prev
Allows simulating shortcut activations by programmatically invoking registered callbacks without physical input.
Splide ist eine Framework-agnostische TypeScript-Bibliothek zum Erstellen barrierefreier, Touch-fähiger Content-Karussells und Bildergalerien. Sie bietet eine abhängigkeitsfreie Implementierung von Slidern, die Drag-, Swipe- und Flick-Interaktionen auf Mobil- und Desktop-Browsern unterstützen. Die Bibliothek zeichnet sich durch eine umfassende Barrierefreiheitsebene unter Verwendung von ARIA-Rollen und Screenreader-Unterstützung aus. Sie verfügt über ein responsives Breakpoint-System, das Slider-Dimensionen und -Verhalten an die Bildschirmbreite anpasst, sowie ein Plugin-System zur Erweiterung der Kernfunktionen um benutzerdefinierte Komponenten und Übergangseffekte. Das Projekt deckt eine Vielzahl an Layout- und Interaktionsmöglichkeiten ab, einschließlich Grid-Anordnungen, variabler Slider-Dimensionen und synchronisierter Slider-Workflows. Es enthält Performance-Optimierungen wie Lazy-Loading von Medien und Viewport-Intersection-Monitoring sowie multimodale Navigation via Tastatur, Mausrad oder Thumbnail-Verlinkung. Dedizierte Wrapper-Pakete sind für die Integration in verschiedene Frontend-Framework-Architekturen verfügbar.
Provides a JavaScript API for programmatically controlling slide transitions and carousel state.
Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.
Offers programmatic interfaces for controlling the current page index and scrolling to specific items in a carousel.
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Exposes a context-based API and controlled props for managing the carousel's active page from outside the component tree.
Sakurairo ist ein funktionsreiches WordPress-Theme und ein Framework für persönliche Blogs, das für mehrsprachige Websites konzipiert wurde. Es fungiert als visuelle Ebene, die umfassende Layout-Kontrollen bietet, von einem dynamischen UI-Toolkit mit Glassmorphism-Effekten bis hin zu einer vollständigen Vorlage für eine persönliche Branding-Website. Das Projekt zeichnet sich durch KI-Inhaltsverbesserung aus, wobei Large Language Models verwendet werden, um Artikel automatisch zusammenzufassen und interaktive Terminologie-Annotationen zu generieren. Es integriert zudem externes Aktivitäts-Tracking und Profil-Synchronisierung für Plattformen wie Steam und Bilibili. Das Theme enthält eine breite Palette an Funktionen, die visuelles Design abdecken, wie z. B. zeitgesteuerter Dark Mode und Hintergrundanimationen, sowie Performance-Optimierungen wie PJAX-Navigation und WebP-Bild-Routing. Zusätzliche Funktionsbereiche umfassen die Überwachung der Link-Verfügbarkeit, Echtzeit-Such-Overlays und administrative Tools für das Backup und die Wiederherstellung von Theme-Einstellungen.
Implements PJAX navigation to load new content into the window without a full page refresh.