awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

13 repositorios

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

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Ver en GitHub↗

    React es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.

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

    JavaScriptjavascriptuifrontend
    Ver en GitHub↗245,669
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Ver en 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
    Ver en GitHub↗174,380
  • google/material-design-liteAvatar de google

    google/material-design-lite

    32,181Ver en 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
    Ver en GitHub↗32,181
  • mdbootstrap/mdb-ui-kitAvatar de mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Ver en 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
    Ver en GitHub↗24,256
  • bradtraversy/vanillawebprojectsAvatar de bradtraversy

    bradtraversy/vanillawebprojects

    16,097Ver en 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
    Ver en GitHub↗16,097
  • hotwired/stimulusAvatar de hotwired

    hotwired/stimulus

    13,058Ver en 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
    Ver en GitHub↗13,058
  • mozilla-firefox/firefoxAvatar de mozilla-firefox

    mozilla-firefox/firefox

    11,305Ver en 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
    Ver en GitHub↗11,305
  • themesberg/flowbiteAvatar de themesberg

    themesberg/flowbite

    9,283Ver en 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
    Ver en GitHub↗9,283
  • givanz/vvvebjsAvatar de givanz

    givanz/VvvebJs

    8,532Ver en 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
    Ver en GitHub↗8,532
  • jackocnr/intl-tel-inputAvatar de jackocnr

    jackocnr/intl-tel-input

    8,221Ver en 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
    Ver en GitHub↗8,221
  • phuocng/html-domAvatar de phuocng

    phuocng/html-dom

    6,524Ver en 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
    Ver en GitHub↗6,524
  • facebook/componentkitAvatar de facebook

    facebook/componentkit

    5,787Ver en 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++
    Ver en GitHub↗5,787
  • exacttarget/fueluxAvatar de ExactTarget

    ExactTarget/fuelux

    5,139Ver en GitHub↗

    Fuelux es un framework de UI en JavaScript y una librería de componentes frontend utilizada para construir interfaces de usuario consistentes y unificadas. Proporciona una colección de controles ligeros y extensiones CSS diseñadas para asegurar la consistencia visual y funcional en diferentes vistas web. El proyecto emplea una arquitectura frontend modular, organizando la funcionalidad en módulos de control de JavaScript independientes. Este diseño permite que el framework permanezca ligero y extensible mientras desacopla el comportamiento funcional de las definiciones visuales CSS. El framework maneja el desarrollo de interfaces mediante la gestión de estado basada en componentes y el renderizado dirigido por estado, actualizando el DOM directamente. Utiliza un sistema de extensiones de estilo para proporcionar temas estandarizados y presentación visual en toda la aplicación.

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

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

Explorar subetiquetas

  • 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 sub-etiquetasControllers 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.