28 dépôts
UI elements for initiating application actions.
Distinguishing note: Focuses on interactive triggers rather than passive display.
Explore 28 awesome GitHub repositories matching user interface & experience · Action Trigger Components. Refine with filters or upvote what's useful.
Appsmith is a low-code platform designed for building internal business tools, such as operational dashboards and administrative panels. It enables developers to construct dynamic user interfaces by dragging and dropping modular widgets onto a canvas and binding them directly to backend data sources. The platform utilizes a reactive framework that automatically updates interface elements and triggers functions whenever underlying data or widget properties change, eliminating the need for manual event handling. The platform distinguishes itself through a server-side proxy architecture that exe
Includes interactive buttons and menus for triggering application actions and navigation.
fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan
Executes custom logic based on the visibility of sections within the viewport during transitions.
Tasmota is a universal firmware platform for ESP8266 and ESP32 microcontrollers, designed to provide local control and management of smart home hardware. It functions as an event-driven automation controller that replaces proprietary factory firmware, allowing users to manage relays, sensors, and lighting systems without relying on external cloud services. The system is built on a modular driver architecture that enables dynamic hardware configuration and peripheral support through a web-based management interface. The platform distinguishes itself through a template-driven hardware mapping s
Ensures an automation action executes only once when a condition is met.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Triggers server-side methods from the frontend to update component state or perform database operations without full page reloads.
This project is a comprehensive framework for building AI-powered applications, providing a unified toolkit for orchestrating language models, autonomous agents, and interactive user interfaces. It serves as a central library for managing the entire lifecycle of AI interactions, from initial prompt generation and model provider abstraction to complex, multi-step reasoning and tool execution. The framework distinguishes itself through its deep integration with frontend development, specifically by enabling generative user interfaces that render dynamic components directly from model outputs. I
Invokes local functions or external APIs from within the model generation process to perform real-time actions.
DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data
Provides visual feedback and interaction prevention for disabled interface elements.
Formbricks is an open-source survey and feedback platform designed to help teams capture and analyze user insights through targeted, in-app, and website-based interactions. It functions as a comprehensive customer experience analytics system that allows organizations to maintain full control over their data, user attributes, and survey workflows. The platform distinguishes itself through its event-driven architecture, which enables precise behavioral targeting by triggering surveys based on specific user actions or application events. It supports deep integration with external ecosystems by a
Establishes the specific user behaviors or events that act as conditions for triggering targeted surveys.
Waypoints is a JavaScript library designed for monitoring scroll positions and managing viewport-based triggers. It provides utilities to execute functions when page elements enter or exit the visible browser area, track specific scroll offsets, and implement sticky element pinning. The library includes specialized tools for building infinite scrolling interfaces that fetch and append content to replace traditional pagination. It also manages the positioning of elements that transition to a fixed screen location once a specific scroll threshold is reached. The system covers broader capabilit
Provides a system for executing specific JavaScript functions when page elements enter or exit the browser's visible area.
This project is a framework for developing multimodal AI agents that function as programmable participants in real-time communication rooms. It enables the construction of agents that can see, hear, and speak by integrating speech-to-text, large language models, and text-to-speech pipelines to facilitate low-latency, natural conversations. The system is distinguished by its advanced orchestration of real-time media and conversational flow, including support for full-duplex speech, preemptive response generation, and sophisticated interruption management. It further differentiates itself throu
Invokes RPC methods on the frontend to trigger real-time UI updates during agent conversations.
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.
Provides a generic button element for initiating custom application actions via scripts.
BigBlueButton is an open-source virtual classroom software and meeting server designed for hosting real-time online teaching sessions. It functions as a WebRTC video conferencing platform and collaboration suite, providing a self-hosted environment for virtual classroom management and online course administration. The system distinguishes itself through specialized educational tools, including an interactive quiz engine, breakout room coordination, and live polling. It provides a comprehensive suite of collaborative assets such as a shared infinite whiteboard, real-time co-authored notes, and
Performs backend operations such as sending chat messages or uploading presentations via server commands.
This project is an open-source 3D game engine designed for building high-fidelity games, simulations, and cinematic environments. It functions as a robotics simulation platform with native integration for ROS 2 to model robot controllers and sensors. The engine features a multi-threaded Forward+ physically based renderer that supports hardware-accelerated ray tracing and global illumination. The system is built on a modular extension architecture using Gems to add or replace features without modifying core binaries. It includes a native SDK for AWS cloud integration, enabling IAM authenticati
Embeds action triggers directly into interface elements to link UI components with editor behaviors.
Ce projet est une bibliothèque JavaScript native et un optimiseur de performance web conçu pour différer le chargement des images, vidéos et iframes jusqu'à ce qu'ils entrent dans la fenêtre d'affichage (viewport) du navigateur. Il agit comme un wrapper d'Intersection Observer et un chargeur de média adaptatif pour réduire les temps de chargement initial des pages et économiser la bande passante. La bibliothèque se distingue par la prise en charge des images réactives via srcset et les balises picture, ainsi que des images d'arrière-plan CSS et des SVG animés. Elle s'intègre aux attributs de chargement natifs du navigateur lorsqu'ils sont disponibles tout en fournissant des solutions de repli personnalisées pour les environnements non pris en charge. Elle peut également déclencher l'exécution de fonctions JavaScript spécifiques basées sur la visibilité des éléments. Les capacités étendues incluent la gestion des assets frontend avec prise en charge du ciblage de conteneurs de défilement personnalisés et l'observation de contenu dynamique pour les éléments injectés de manière asynchrone. L'utilitaire gère également la fiabilité du réseau via la gestion des erreurs de chargement des assets et annule les téléchargements actifs pour les éléments qui quittent la fenêtre d'affichage avant la fin.
Triggers specific JavaScript functions or loading processes automatically when elements become visible.
Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra
Applies the same stream action to all elements matching a CSS selector for bulk updates.
pgloader is a command-line tool that automates the migration of data and schema from various source databases and file formats into PostgreSQL. It combines schema discovery, parallel data pipelines, and type casting into a single, declarative workflow, using PostgreSQL's COPY protocol for high-throughput bulk loading. The tool distinguishes itself by compiling a dedicated command language into concurrent reader-writer pipelines that handle schema introspection, data transformation, and error-resilient batch processing. It supports migrating entire databases from MySQL, MS SQL, SQLite, and Pos
Temporarily disables database triggers on target tables during bulk data loading.
Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin
Provides pre-built AI skills triggered from the canvas prompt bar to generate wireframes and UI components.
Ce projet est un composant de lazy loading React conçu pour améliorer la performance frontend en différant le rendu des éléments enfants jusqu'à ce qu'ils entrent dans la fenêtre d'affichage du navigateur. Il fonctionne comme un gestionnaire de cycle de vie des ressources et un déclencheur de visibilité, empêchant les montages inutiles de composants hors écran pour réduire les temps de chargement initial de la page et l'utilisation de la mémoire. La bibliothèque fournit une configuration pour les déclencheurs de visibilité, permettant l'utilisation de décalages personnalisés et de conteneurs de défilement spécifiques pour déterminer quand un composant se charge. Elle inclut des mécanismes pour gérer les cycles de vie des composants, permettant de choisir si un composant reste chargé après son apparition ou s'il est démonté en quittant la fenêtre d'affichage. Des capacités supplémentaires couvrent le rendu différé via l'utilisation de placeholders et l'optimisation de la gestion des événements pour les écouteurs de défilement et de redimensionnement. Le système prend également en charge la validation manuelle de la visibilité pour forcer les vérifications de fenêtre d'affichage ou exiger qu'un composant s'affiche.
Triggers component mounts and network requests specifically based on element visibility within the viewport.
ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe
Binds actions to explicit component targets to ensure messages reach the intended receiver.
ihp est un framework web typé et un orchestrateur d'applications full-stack conçu pour PostgreSQL. Il fonctionne comme un framework de rendu côté serveur et un ORM typé qui génère automatiquement des types d'enregistrements à partir de schémas SQL pour garantir la validation des requêtes à la compilation. La plateforme se distingue en vérifiant le routage, les requêtes de base de données et les modèles (templates) au moment de la compilation pour éviter les plantages à l'exécution. Elle implémente des interfaces web en temps réel utilisant les WebSockets pour une synchronisation instantanée des données et emploie l'hypermédia piloté par le serveur pour la mise à jour partielle du DOM. Le framework couvre un large éventail de capacités intégrées, incluant la gestion de l'identité utilisateur avec support des passkeys et OAuth, une couche de stockage de données complète avec migrations automatisées, et un système de rendu d'interface utilisateur complet avec templating HTML typé. Il fournit également des outils intégrés pour le développement d'API JSON, l'exécution de tâches asynchrones en arrière-plan et l'intégration financière pour les passerelles de paiement. Les environnements de production sont gérés via un déploiement NixOS déclaratif pour une infrastructure reproductible.
Creates stateful client-side elements that trigger server-side actions and update the view.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
Ships customizable action buttons with loading, icon, link, and full-width variants.