awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

13 dépôts

Awesome GitHub RepositoriesJavaScript Component Controllers

JavaScript-based controllers that manage the state and behavior of individual UI components.

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

Awesome JavaScript Component Controllers GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Voir sur GitHub↗

    React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

    Inserts expressions into markup to display dynamic data or apply logic within components.

    JavaScriptjavascriptuifrontend
    Voir sur GitHub↗245,669
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Voir sur GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Coordinates the behavior and state of interactive UI elements like modals and dropdowns using a data-attribute-driven script layer.

    MDXbootstrapcsscss-framework
    Voir sur GitHub↗174,380
  • google/material-design-liteAvatar de google

    google/material-design-lite

    32,181Voir sur GitHub↗

    Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

    Manages component behavior and user interactions through direct DOM manipulation without requiring an external framework runtime.

    HTMLmaterialmaterial-componentsmaterial-design
    Voir sur GitHub↗32,181
  • mdbootstrap/mdb-ui-kitAvatar de mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Voir sur GitHub↗

    The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

    Manages the visibility and interactive behavior of modals and tabs via programmatic JavaScript controllers.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Voir sur GitHub↗24,256
  • bradtraversy/vanillawebprojectsAvatar de bradtraversy

    bradtraversy/vanillawebprojects

    16,097Voir sur GitHub↗

    This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i

    Implements UI behavior using direct DOM manipulation without the need for a framework runtime.

    JavaScript
    Voir sur GitHub↗16,097
  • hotwired/stimulusAvatar de hotwired

    hotwired/stimulus

    13,058Voir sur GitHub↗

    Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat

    Provides a system of JavaScript classes that act as controllers to manage the state and behavior of HTML components.

    TypeScript
    Voir sur GitHub↗13,058
  • mozilla-firefox/firefoxAvatar de mozilla-firefox

    mozilla-firefox/firefox

    11,305Voir sur GitHub↗

    Firefox is a cross-platform web browser engine designed to render web content, execute JavaScript, and manage secure browsing sessions. It utilizes a multi-process isolation architecture that distributes browser tasks across independent operating system processes to ensure stability and prevent site-specific failures from impacting the entire application. The engine incorporates a sandboxed execution environment to restrict web content and untrusted scripts to isolated memory compartments, enforcing security policies that prevent unauthorized access to system resources. The project distinguis

    Imports and executes modular code units within the browser to support component-based architecture.

    JavaScript
    Voir sur GitHub↗11,305
  • themesberg/flowbiteAvatar de themesberg

    themesberg/flowbite

    9,283Voir sur GitHub↗

    Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

    Ships a JavaScript API with callbacks and lifecycle events to manage interactive components programmatically.

    HTMLcomponentscssdesign-system
    Voir sur GitHub↗9,283
  • givanz/vvvebjsAvatar de givanz

    givanz/VvvebJs

    8,532Voir sur GitHub↗

    VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include

    Directly manipulates the browser's DOM tree to build and edit page layouts without a virtual DOM.

    JavaScriptbootstrapbootstrap5builder
    Voir sur GitHub↗8,532
  • jackocnr/intl-tel-inputAvatar de jackocnr

    jackocnr/intl-tel-input

    8,221Voir sur GitHub↗

    intl-tel-input is an international telephone input widget that provides a country-aware phone number entry experience with automatic formatting, validation, and E.164 normalization. It combines a searchable country picker with a format-as-you-type engine and a validation rule engine that checks numbers against country-specific patterns, returning machine-readable error codes when a number is invalid. The project ships as both a zero-dependency vanilla JavaScript library and as framework-specific components for React, Vue, Angular, and Svelte, all sharing the same core logic through a framewor

    Provides a zero-dependency vanilla JavaScript library for international telephone input without requiring a framework.

    TypeScriptangularformattinginput
    Voir sur GitHub↗8,221
  • phuocng/html-domAvatar de phuocng

    phuocng/html-dom

    6,524Voir sur GitHub↗

    This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions. The library covers the full spectrum of DOM operations including element selection, creation, removal, content and attribute management, event handling, style and class manipulation, and DOM traversal. It includes approaches for cross-browser DOM compatibility,

    Wraps native browser DOM methods into reusable utility functions without any abstraction layer or framework overhead.

    MDXdocument-object-modeldomdom-api
    Voir sur GitHub↗6,524
  • facebook/componentkitAvatar de facebook

    facebook/componentkit

    5,787Voir sur GitHub↗

    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

    Encourages co-locating controller logic with component definitions for local state management clarity.

    Objective-C++
    Voir sur GitHub↗5,787
  • exacttarget/fueluxAvatar de ExactTarget

    ExactTarget/fuelux

    5,139Voir sur GitHub↗

    Fuelux est un framework UI JavaScript et une bibliothèque de composants frontend utilisés pour construire des interfaces utilisateur cohérentes et unifiées. Il fournit une collection de contrôles légers et d'extensions CSS conçus pour assurer une cohérence visuelle et fonctionnelle à travers différentes vues web. Le projet emploie une architecture frontend modulaire, organisant les fonctionnalités en modules de contrôle JavaScript indépendants. Cette conception permet au framework de rester léger et extensible tout en découplant le comportement fonctionnel des définitions CSS visuelles. Le framework gère le développement d'interface via une gestion d'état basée sur les composants et un rendu piloté par l'état, mettant à jour le DOM directement. Il utilise un système d'extensions de style pour fournir des thèmes standardisés et une présentation visuelle cohérente dans toute l'application.

    Uses vanilla DOM controllers to generate interface elements without a heavy framework runtime.

    JavaScript
    Voir sur GitHub↗5,139
  1. Home
  2. User Interface & Experience
  3. Presentation Frameworks
  4. Presentation Lifecycle and State Management
  5. JavaScript Component Controllers

Explorer les sous-tags

  • Co-located Controller DefinitionsKeeping component controller logic in the same file as the component definition for local clarity. **Distinct from JavaScript Component Controllers:** Distinct from JavaScript Component Controllers: focuses on co-location of controller with component definition rather than general controller patterns.
  • Module LoadersMechanisms for importing and executing modular code units within the browser environment. **Distinct from JavaScript Component Controllers:** Distinct from Component Controllers: focuses on the module loading and execution lifecycle rather than component state management.
  • Vanilla DOM Controllers2 sous-tagsControllers that manage UI behavior using direct DOM manipulation without a framework runtime. **Distinct from JavaScript Component Controllers:** Distinct from JavaScript Component Controllers: specifically emphasizes the use of vanilla JavaScript and direct DOM manipulation over framework-managed lifecycles.