awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjektÜber unsHow we rankPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

13 Repos

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

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • facebook/reactAvatar von facebook

    facebook/react

    245,669Auf GitHub ansehen↗

    React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.

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

    JavaScriptjavascriptuifrontend
    Auf GitHub ansehen↗245,669
  • twbs/bootstrapAvatar von twbs

    twbs/bootstrap

    174,380Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗174,380
  • google/material-design-liteAvatar von google

    google/material-design-lite

    32,181Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗32,181
  • mdbootstrap/mdb-ui-kitAvatar von mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗24,256
  • bradtraversy/vanillawebprojectsAvatar von bradtraversy

    bradtraversy/vanillawebprojects

    16,097Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗16,097
  • hotwired/stimulusAvatar von hotwired

    hotwired/stimulus

    13,058Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗13,058
  • mozilla-firefox/firefoxAvatar von mozilla-firefox

    mozilla-firefox/firefox

    11,305Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗11,305
  • themesberg/flowbiteAvatar von themesberg

    themesberg/flowbite

    9,283Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,283
  • givanz/vvvebjsAvatar von givanz

    givanz/VvvebJs

    8,532Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,532
  • jackocnr/intl-tel-inputAvatar von jackocnr

    jackocnr/intl-tel-input

    8,221Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,221
  • phuocng/html-domAvatar von phuocng

    phuocng/html-dom

    6,524Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗6,524
  • facebook/componentkitAvatar von facebook

    facebook/componentkit

    5,787Auf GitHub ansehen↗

    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++
    Auf GitHub ansehen↗5,787
  • exacttarget/fueluxAvatar von ExactTarget

    ExactTarget/fuelux

    5,139Auf GitHub ansehen↗

    Fuelux ist ein JavaScript-UI-Framework und eine Frontend-Komponentenbibliothek für konsistente, einheitliche Benutzeroberflächen. Es bietet eine Sammlung leichtgewichtiger Controls und CSS-Erweiterungen, um visuelle und funktionale Konsistenz über verschiedene Web-Views hinweg zu gewährleisten. Das Projekt verwendet eine modulare Frontend-Architektur, die Funktionalität in unabhängige JavaScript-Control-Module organisiert. Dieses Design hält das Framework leichtgewichtig und erweiterbar, während es das funktionale Verhalten von visuellen CSS-Definitionen entkoppelt. Das Framework steuert die Interface-Entwicklung durch komponentenbasiertes State-Management und zustandsgesteuertes Rendering, wobei das Document Object Model direkt aktualisiert wird. Es nutzt ein System von Style-Erweiterungen, um standardisierte Themes und visuelle Präsentationen innerhalb der Anwendung bereitzustellen.

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

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

Unter-Tags erkunden

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