awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

29 repository-uri

Awesome GitHub RepositoriesHTML Attribute Bindings

Methods for reactively binding component properties to HTML attributes.

Explore 29 awesome GitHub repositories matching user interface & experience · HTML Attribute Bindings. Refine with filters or upvote what's useful.

Awesome HTML Attribute Bindings GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • vuejs/vueAvatar vuejs

    vuejs/vue

    209,900Vezi pe GitHub↗

    Vue este un framework JavaScript progresiv, bazat pe componente, conceput pentru construirea de interfețe utilizator reactive și aplicații single-page. Se concentrează pe un sistem de template-uri declarativ care transformă HTML-ul în funcții de randare eficiente, permițând dezvoltatorilor să organizeze interfețe complexe în unități izolate, reutilizabile, care se sincronizează automat cu starea aplicației. Framework-ul se distinge printr-un sistem de reactivitate bazat pe urmărirea dependențelor care monitorizează accesul la date în timpul randării pentru a declanșa actualizări precise. Oferă o arhitectură flexibilă care suportă atât adoptarea incrementală ca bibliotecă ușoară, cât și dezvoltarea de aplicații la scară largă. Dezvoltatorii pot utiliza un model de extensibilitate robust, bazat pe plugin-uri, pentru a injecta logică globală, în timp ce reconcilierea virtuală a DOM-ului framework-ului asigură actualizări eficiente ale interfeței prin calcularea mutațiilor minime. Dincolo de capabilitățile sale de randare de bază, proiectul include o suită cuprinzătoare de instrumente pentru gestionarea stării aplicației, rutarea bazată pe URL și randarea pe partea de server. Oferă suport extins pentru compunerea componentelor, distribuția conținutului și gestionarea animațiilor, alături de măsuri de securitate încorporate, cum ar fi escaparea automată a conținutului pentru a preveni vulnerabilitățile comune. Framework-ul este distribuit cu declarații oficiale de tip pentru a susține analiza statică și poate fi instalat prin manageri de pachete standard sau integrat direct în mediile de browser prin tag-uri script.

    Connects element attributes to reactive data properties for dynamic configuration.

    TypeScriptframeworkfrontendjavascript
    Vezi pe GitHub↗209,900
  • vuejs/coreAvatar vuejs

    vuejs/core

    53,861Vezi pe GitHub↗

    Vue is a progressive JavaScript framework designed for building modular, reactive user interfaces. It utilizes a component-based architecture that allows developers to encapsulate logic, templates, and styles into reusable units. At its core, the framework employs a virtual DOM renderer and a proxy-based reactivity system to synchronize application state with the document object model efficiently. What distinguishes this framework is its focus on developer experience and flexibility. It supports a single-file component format that colocalizes related concerns, alongside a powerful composition

    Binds component properties to HTML attributes reactively, supporting dynamic toggling and shorthand syntax.

    TypeScript
    Vezi pe GitHub↗53,861
  • styled-components/styled-componentsAvatar styled-components

    styled-components/styled-components

    41,094Vezi pe GitHub↗

    styled-components is a CSS-in-JS styling library and tool for React components. It provides a cross-platform UI styling API and a dynamic theme management system to maintain consistent design tokens and encapsulate visual logic, preventing global scope conflicts. The library utilizes a unified interface that works across both web environments and native mobile frameworks. It enables the definition of styles using JavaScript and TypeScript template literals, allowing CSS to be bound directly to components. The system supports dynamic prop-based styling, style inheritance, and the creation of

    Provides a mechanism to assign static or dynamic HTML attributes to components during their definition.

    TypeScriptcsscss-in-jsreact
    Vezi pe GitHub↗41,094
  • filamentphp/filamentAvatar filamentphp

    filamentphp/filament

    31,215Vezi pe GitHub↗

    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 for dynamically injecting arbitrary HTML attributes and CSS classes into layout components for custom styling.

    PHPadminalpine-jsbuilder
    Vezi pe GitHub↗31,215
  • feathericons/featherF

    feathericons/feather

    25,948Vezi pe GitHub↗

    Feather is an open-source collection of minimal vector graphics designed on a standardized 24x24 grid for use in web and design projects. It provides a set of lightweight SVG assets intended to maintain visual consistency across digital user interfaces. The library supports visual parity between design software and production code through a dedicated design tool component library. This ensures that icons used in mockups remain consistent with the final implementation. Integration capabilities include embedding icons via inline markup, image tags, or CSS backgrounds. The project also provides

    Provides a JavaScript mechanism to automatically replace placeholder elements with corresponding SVG icons via data attributes.

    JavaScript
    Vezi pe GitHub↗25,948
  • livewire/livewireAvatar livewire

    livewire/livewire

    23,448Vezi pe GitHub↗

    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

    Updates HTML element attributes dynamically based on component properties without full page re-renders.

    PHP
    Vezi pe GitHub↗23,448
  • lit/litAvatar lit

    lit/lit

    21,679Vezi pe GitHub↗

    Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

    Transforms data between JavaScript types and HTML attribute strings during synchronization to ensure correct data representation.

    TypeScripthtml-templateslitlit-element
    Vezi pe GitHub↗21,679
  • leptos-rs/leptosAvatar leptos-rs

    leptos-rs/leptos

    20,993Vezi pe GitHub↗

    Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

    Updates HTML attributes reactively by binding them to signals or functions.

    Rustdomfine-grainedisomorphic
    Vezi pe GitHub↗20,993
  • radix-ui/primitivesAvatar radix-ui

    radix-ui/primitives

    18,642Vezi pe GitHub↗

    Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

    Automatically injects accessibility attributes and keyboard event listeners into rendered DOM elements.

    TypeScriptaccessibilitycolorscomponent-library
    Vezi pe GitHub↗18,642
  • getgrav/gravAvatar getgrav

    getgrav/grav

    15,395Vezi pe GitHub↗

    Grav is a flat-file content management system that eliminates the need for a traditional database by storing site content and configuration in human-readable Markdown and YAML files. Built as a modular PHP web framework, it uses a hierarchical page routing system where the physical directory structure directly determines the site's URL paths. The platform is distinguished by its event-driven plugin architecture and a command-line interface that prioritizes system administration, deployment, and maintenance tasks. It utilizes a blueprint-driven system to generate administrative forms from stru

    Injects custom HTML attributes like classes or identifiers directly into links.

    PHPcmscontentcontent-management
    Vezi pe GitHub↗15,395
  • hotwired/stimulusAvatar hotwired

    hotwired/stimulus

    13,058Vezi pe 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

    Links JavaScript controller classes to HTML elements using specific data attributes.

    TypeScript
    Vezi pe GitHub↗13,058
  • microsoft/fastAvatar microsoft

    microsoft/fast

    9,661Vezi pe GitHub↗

    FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

    Maps JSON data structures directly to HTML attributes to synchronize component properties and ARIA states.

    TypeScript
    Vezi pe GitHub↗9,661
  • webstudio-is/webstudioAvatar webstudio-is

    webstudio-is/webstudio

    8,240Vezi pe GitHub↗

    Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

    Allows the assignment of unique IDs, CSS classes, and data attributes to elements for custom scripting.

    TypeScriptaccessibilityalternativecloudflare
    Vezi pe GitHub↗8,240
  • googlewebcomponents/model-viewerAvatar GoogleWebComponents

    GoogleWebComponents/model-viewer

    8,142Vezi pe GitHub↗

    model-viewer este o componentă web utilizată pentru a randa și a interacționa cu modele tridimensionale direct într-un browser web. Funcționează ca un renderer de modele 3D glTF și o componentă WebGL interactivă, încapsulând un pipeline de randare 3D într-un element HTML personalizat. Proiectul permite realitatea augmentată bazată pe web, permițând proiectarea activelor 3D în medii fizice folosind camera unui dispozitiv mobil. Oferă instrumente pentru proiecția în realitate augmentată și crearea de experiențe prin combinarea modelelor 3D cu urmărirea camerei. Componenta suportă vizualizarea 3D a produselor și integrarea graficii interactive în paginile web. Gestionează procesarea activelor glTF și utilizează logica de interacțiune raycast pentru a permite utilizatorilor să manipuleze și să vizualizeze modelele din unghiuri diferite.

    Implements reactive synchronization between HTML element attributes and internal 3D engine settings.

    TypeScript
    Vezi pe GitHub↗8,142
  • olton/metrouiAvatar olton

    olton/metroui

    7,077Vezi pe GitHub↗

    Metro UI is a progressive front-end framework for building reactive single-page applications with a Metro-style design language. It provides a component-based UI library with over 150 prebuilt interface elements, a reactive state model that automatically updates the DOM when application data changes, and a responsive grid layout system for mobile-first web development. The framework uses an HTML-first approach where interactive interfaces are assembled by adding custom HTML attributes to elements, eliminating the need for manual JavaScript glue code. It includes a hash-based SPA router for na

    Wires UI components to data and behavior through custom HTML attributes, eliminating imperative JavaScript glue code.

    JavaScriptbootstrapbootstrap-replacementcomponent-library
    Vezi pe GitHub↗7,077
  • mixxxdj/mixxxAvatar mixxxdj

    mixxxdj/mixxx

    6,397Vezi pe GitHub↗

    Mixxx is a free, open-source DJ application that runs on Windows, macOS, and Linux, providing a complete platform for mixing audio tracks with beat detection, key analysis, and real-time effects during live performances. It functions as a digital mixer that supports MIDI controller mapping, timecode vinyl control, and custom skin layouts, while also serving as a live performance recording tool that can capture mixes to audio files and broadcast them to internet radio servers in real time. The application distinguishes itself through a comprehensive architecture that coordinates automated play

    Every UI widget and internal parameter is linked through a central control object registry, enabling decoupled read/write access from any component.

    C++audiodjhid
    Vezi pe GitHub↗6,397
  • jerosoler/drawflowAvatar jerosoler

    jerosoler/Drawflow

    6,047Vezi pe GitHub↗

    Simple flow library 🖥️🖱️

    Synchronizes node data automatically by reading HTML attributes like df-* from input elements within node templates.

    JavaScript
    Vezi pe GitHub↗6,047
  • python-attrs/attrsAvatar python-attrs

    python-attrs/attrs

    5,799Vezi pe GitHub↗

    attrs is a Python library that automatically generates initialization, representation, equality, hashing, and ordering methods from declarative class attribute definitions. At its core, it provides a class decorator metaprogramming framework that intercepts class creation to rewrite the class body, producing dunder methods without manual boilerplate. The library includes a comprehensive attribute validation toolkit with built-in validators for type checks, range constraints, regex matching, length limits, and logical composition of validation rules. The library distinguishes itself through it

    Applies converter functions to attribute values during initialization for normalization.

    Python
    Vezi pe GitHub↗5,799
  • vuejs/veturAvatar vuejs

    vuejs/vetur

    5,751Vezi pe GitHub↗

    Vetur is a Visual Studio Code extension that provides comprehensive language support for Vue single-file components. It parses .vue files into separate template, script, and style regions, then delegates each region to its own language service for independent processing. This architecture enables IntelliSense, type-checking, formatting, and linting across all embedded languages within a Vue file. The extension distinguishes itself through deep integration with Vue's component model. It infers TypeScript types for template expressions by analyzing component props, data, and computed properti

    Completes HTML tags, attributes, Vue directives, and template interpolation expressions in .vue files.

    TypeScripthacktoberfestvisual-studio-codevscode
    Vezi pe GitHub↗5,751
  • lunet-io/markdigAvatar lunet-io

    lunet-io/markdig

    5,257Vezi pe GitHub↗

    Markdig este un procesor Markdown de înaltă performanță pentru aplicații .NET care convertește textul Markdown în HTML sau alte formate țintă. Este un parser conform CommonMark și un motor extensibil care poate transforma Markdown într-un arbore sintactic abstract (AST) care poate fi căutat și manipulat. Biblioteca oferă un framework pentru adăugarea de sintaxă personalizată și logică de randare printr-un pipeline modular de parsere și randere. Suportă compilarea nativă ahead-of-time și trimming pentru a minimiza dimensiunea binarului. Capabilitățile includ generarea de HTML structurat cu atribute și stiluri personalizate, extragerea YAML front matter pentru procesarea site-urilor statice și conversia conținutului în text simplu. Motorul acoperă, de asemenea, îmbunătățiri tipografice, pregătirea formulelor matematice și formatarea automată a link-urilor. Procesorul include maparea precisă a sursei pentru a urmări intervalele de caractere și utilizează streaming-ul de output și limitele de adâncime de imbricare pentru a gestiona performanța și stabilitatea.

    Assigns custom IDs, classes, and generic HTML attributes to headings and other elements.

    C#
    Vezi pe GitHub↗5,257
Înapoi12Înainte
  1. Home
  2. User Interface & Experience
  3. Layout Utilities
  4. Presentation Engines
  5. Template Engines
  6. Data Binding Syntax
  7. HTML Attribute Bindings

Explorează sub-etichetele

  • Controller Binding1 sub-tagLinking JavaScript logic controllers to DOM elements via specific HTML attributes. **Distinct from HTML Attribute Bindings:** Focuses on binding a logic controller class to an element, not reactive data-to-attribute synchronization.
  • HTML Attribute Bindings5 sub-tag-uriMethods for reactively binding component properties to HTML attributes. **Distinct from HTML Attribute Bindings:** Focuses on reactive attribute binding including boolean attribute handling.