awesome-repositories.com
Blog
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
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

45 repository-uri

Awesome GitHub RepositoriesStandard HTML Attribute Mapping

Automatic handling of HTML attributes and properties without proprietary syntax.

Distinguishing note: Focuses on attribute-to-property mapping, distinct from synthetic attribute systems.

Explore 45 awesome GitHub repositories matching web development · Standard HTML Attribute Mapping. Refine with filters or upvote what's useful.

Awesome Standard HTML Attribute Mapping GitHub Repositories

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

    preactjs/preact

    38,701Vezi pe GitHub↗

    Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

    Supports standard HTML attributes, enabling development without proprietary syntax.

    JavaScriptcomponentsdomjsx
    Vezi pe GitHub↗38,701
  • tailwindlabs/headlessuiAvatar tailwindlabs

    tailwindlabs/headlessui

    28,619Vezi pe GitHub↗

    Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n

    Maps internal state directly to ARIA attributes to ensure accessibility without prescribing visual styles.

    TypeScripta11yaccessibilitycomponents
    Vezi pe GitHub↗28,619
  • angular/componentsAvatar angular

    angular/components

    25,033Vezi pe GitHub↗

    This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces. The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading. The project covers a broad range of UI development capabilities, including the creation of accessi

    Implements dynamic mapping of internal component states to ARIA attributes for assistive technology support.

    TypeScriptangularangular-componentsmaterial
    Vezi pe GitHub↗25,033
  • 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

    Maps HTML attributes to component properties and reflects property changes back to the DOM for styling or external access.

    TypeScripthtml-templateslitlit-element
    Vezi pe GitHub↗21,679
  • unocss/unocssAvatar unocss

    unocss/unocss

    18,854Vezi pe GitHub↗

    UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia

    Applies custom prefixes or ignores specific attributes to prevent naming collisions between styling utilities and standard HTML properties.

    TypeScriptatomic-cssengineunocss
    Vezi pe GitHub↗18,854
  • prinzhorn/skrollrAvatar Prinzhorn

    Prinzhorn/skrollr

    18,426Vezi pe GitHub↗

    Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a toolkit for linking CSS properties and HTML attributes to scroll positions to create synchronized animations, specifically providing utilities for the interpolation of SVG attributes. The library enables the creation of parallax scrolling and interactive web storytelling by mapping scroll offsets to specific style values. It allows for the development of non-linear movement and dynamic SVG effects through the use of custom HTML attributes that define keyframes. The system covers

    Implements the core engine for mapping scroll offsets to CSS properties and SVG attributes via custom HTML attributes.

    HTML
    Vezi pe GitHub↗18,426
  • aframevr/aframeAvatar aframevr

    aframevr/aframe

    17,557Vezi pe GitHub↗

    A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences directly in the web browser. It utilizes an entity component system where generic objects are assigned behaviors through attachable components and lifecycle hooks. The framework allows the assembly of immersive environments using HTML-like markup to define geometries, lighting, and materials. It implements WebXR standards to ensure consistent playback across different hardware and browsers, including support for VR headsets, desktops, and mobile devices. The system covers a br

    Provides a declarative HTML-like markup system for defining 3D geometries, lighting, and materials.

    JavaScript3daframeaugmented-reality
    Vezi pe GitHub↗17,557
  • visgl/deck.glAvatar visgl

    visgl/deck.gl

    13,875Vezi pe GitHub↗

    This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf

    Transforms raw data properties into visual attributes using accessor functions during the render loop.

    TypeScriptdata-visualizationgeospatial-analysisjavascript
    Vezi pe GitHub↗13,875
  • tamagui/tamaguiAvatar tamagui

    tamagui/tamagui

    13,729Vezi pe GitHub↗

    Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

    Maps web-standard HTML attributes and pointer events to native platform equivalents for consistent interaction.

    TypeScriptatomic-csscss-in-jsoptimizing-compiler
    Vezi pe GitHub↗13,729
  • downshift-js/downshiftAvatar downshift-js

    downshift-js/downshift

    12,295Vezi pe GitHub↗

    Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern

    Provides dynamic mapping of component states to standard ARIA attributes to ensure screen reader compatibility.

    JavaScriptaccessibleautocompleteautosuggest
    Vezi pe GitHub↗12,295
  • atomiks/tippyjsAvatar atomiks

    atomiks/tippyjs

    12,270Vezi pe GitHub↗

    Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.

    Implements dynamic mapping of internal popup states to ARIA attributes for assistive technology support.

    JavaScriptcomboboxdropdownmenu
    Vezi pe GitHub↗12,270
  • keplergl/kepler.glAvatar keplergl

    keplergl/kepler.gl

    11,871Vezi pe GitHub↗

    Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set

    Applies color scales or elevation heights to geographic features based on underlying values to represent statistical data.

    TypeScriptdata-visualizationgeospatialkepler
    Vezi pe GitHub↗11,871
  • reactjs/react.devAvatar reactjs

    reactjs/react.dev

    11,765Vezi pe GitHub↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Maps standard HTML attributes to camelCase JavaScript properties to ensure compatibility with naming conventions.

    JavaScriptdocumentationjavascriptreact
    Vezi pe GitHub↗11,765
  • sqlalchemy/sqlalchemyAvatar sqlalchemy

    sqlalchemy/sqlalchemy

    11,612Vezi pe GitHub↗

    SQLAlchemy is a comprehensive Python SQL toolkit and object-relational mapper that provides a full suite of tools for interacting with relational databases. It serves as a foundational layer for database connectivity, offering both a high-level object-oriented interface for data persistence and a programmatic SQL expression language for constructing complex, dialect-agnostic queries. The project distinguishes itself through its sophisticated unit of work persistence, which coordinates atomic transactions and tracks object state changes to minimize redundant database operations. It provides a

    Creates class attributes that behave as both properties and SQL expressions to allow consistent logic across application code and queries.

    Pythonpythonsqlsqlalchemy
    Vezi pe GitHub↗11,612
  • mozilla-firefox/firefoxAvatar mozilla-firefox

    mozilla-firefox/firefox

    11,305Vezi pe 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

    Forwards host-level attributes to internal child elements to maintain clean component interfaces.

    JavaScript
    Vezi pe GitHub↗11,305
  • javve/list.jsAvatar javve

    javve/list.js

    11,222Vezi pe GitHub↗

    list.js is a JavaScript search and sort library used to add real-time filtering, sorting, and pagination to HTML lists and tables without backend dependencies. It functions as a DOM data indexer and template-driven HTML renderer, allowing developers to manage how data is displayed and discovered on the client side. The library distinguishes itself through a fuzzy string matching engine that handles approximate matches and typos, and a DOM data indexer that extracts values directly from HTML data attributes to build a searchable internal index. It uses a template-driven rendering system to gen

    Links HTML data attributes to internal fields to enable seamless searching and sorting of DOM elements.

    JavaScripteasy-to-usefiltersflexibility
    Vezi pe GitHub↗11,222
  • jquery-validation/jquery-validationAvatar jquery-validation

    jquery-validation/jquery-validation

    10,327Vezi pe GitHub↗

    Acest proiect este un plugin jQuery și un validator de formulare pe partea de client utilizat pentru a verifica input-urile formularelor web înainte ca acestea să fie trimise către un server. Utilizează un motor de validare bazat pe reguli pentru a verifica input-ul utilizatorului față de reguli predefinite sau personalizate pentru a asigura integritatea datelor în browser. Instrumentul este conceput ca un sistem de validare conform ARIA, utilizând atribute de accesibilitate pentru a lega mesajele de eroare de câmpurile de input. Acest lucru asigură că utilizatorii de screen reader sunt notificați atunci când un câmp conține o valoare invalidă în timpul procesului de trimitere a formularului. Sistemul suportă validarea serverului remote prin cereri HTTP asincrone și permite injectarea dinamică de reguli pentru a adăuga logică de validare personalizată. Gestionează interfața utilizator prin randarea erorilor legată de DOM și utilizează declanșarea bazată pe evenimente pentru a executa verificări în timpul evenimentelor de focus, blur sau submit.

    Implements dynamic mapping of validation states to ARIA attributes to ensure screen reader accessibility.

    JavaScript
    Vezi pe GitHub↗10,327
  • jzaefferer/jquery-validationAvatar jzaefferer

    jzaefferer/jquery-validation

    10,327Vezi pe GitHub↗

    This project is a jQuery-based form validation library designed to verify HTML form input values on the client side before submission. It functions as an input validator that enforces data integrity constraints through rule-based verification and value normalization. The library focuses on web accessibility compliance by linking error messages to input fields via ARIA attributes, ensuring that screen readers can announce validation failures to the user. The system supports the creation of custom validation rules and the transformation of raw input strings through a normalization pipeline. Co

    Dynamically maps form validation states to ARIA attributes for improved assistive technology compatibility.

    JavaScript
    Vezi pe GitHub↗10,327
  • radix-vue/shadcn-vueAvatar radix-vue

    radix-vue/shadcn-vue

    10,128Vezi pe GitHub↗

    shadcn-vue is a collection of accessible and unstyled UI components for Vue. It serves as a design system foundation and a port of Radix UI primitives to the Vue ecosystem, focusing on providing a base for highly customizable web interfaces. The project utilizes a template-driven distribution model, delivering raw source code via a CLI rather than a compiled library. This allows for the direct modification of components using Tailwind CSS utility classes to establish a unique visual identity. The library covers accessible component architecture and custom design system implementation. It pro

    Maps internal component states to standard ARIA attributes for screen reader compatibility.

    TypeScript
    Vezi pe GitHub↗10,128
  • snapappointments/bootstrap-selectAvatar snapappointments

    snapappointments/bootstrap-select

    9,826Vezi pe GitHub↗

    Bootstrap Select is a jQuery plugin that replaces standard HTML select elements with a stylized interface. It functions as a custom dropdown menu that transforms native browser inputs into accessible form components. The project differentiates itself by providing real-time search filtering, multi-select data entry, and the ability to populate selection lists dynamically via remote JSON sources. To maintain browser performance when handling large datasets, it utilizes virtual rendering to display only the visible subset of options. The component includes accessibility support through ARIA att

    Dynamically maps internal component states to ARIA attributes for assistive technology support.

    JavaScriptbootstrapdropdownjavascript
    Vezi pe GitHub↗9,826
Înapoi123Înainte
  1. Home
  2. Web Development
  3. Standard HTML Attribute Mapping

Explorează sub-etichetele

  • Accessibility Attribute MappingDynamic mapping of internal component states to ARIA attributes for assistive technology support. **Distinct from Standard HTML Attribute Mapping:** Focuses on accessibility attributes specifically, rather than general HTML property binding.
  • Attribute-Driven ContentUsing standard HTML attributes to define the content and style of UI elements. **Distinct from Standard HTML Attribute Mapping:** Focuses on using attributes for content injection into tooltips rather than general property mapping.
  • Component Property MappingsMechanisms for translating high-level component properties into standard HTML attributes. **Distinct from Standard HTML Attribute Mapping:** Focuses on translating framework-specific properties to DOM attributes rather than generic HTML property binding.
  • Custom Callback Attribute Mapping1 sub-tagMapping specific HTML attributes to logic-executing functions during the rendering process. **Distinct from Standard HTML Attribute Mapping:** Distinct from standard property binding by executing arbitrary callback logic on the target element.
  • Declarative Scene Markup2 sub-tag-uriMapping of custom HTML elements and attributes to 3D scene objects for browser-native configuration. **Distinct from Standard HTML Attribute Mapping:** Specifically maps HTML markup to a 3D scene graph rather than general attribute-to-property mapping.
  • Enumerated Attribute ParsingMapping attribute values to internal states using defined keywords and default values. **Distinct from Standard HTML Attribute Mapping:** Specifically handles the conversion of enumerated keywords to states, unlike general attribute-to-property mapping.
  • Hybrid AttributesClass attributes that function as both Python properties and SQL expressions. **Distinct from Standard HTML Attribute Mapping:** Distinct from standard HTML attribute mapping: focuses on ORM-level property-to-SQL expression bridging.
  • Keyword Attribute TranslationTranslating Python reserved keywords into valid HTML attributes to maintain syntax compatibility. **Distinct from Standard HTML Attribute Mapping:** Distinct from Standard HTML Attribute Mapping by specifically addressing the translation of language-reserved keywords.
  • Non-Standard Attribute HandlingSupporting HTML attributes with characters invalid in language identifiers via dictionary unpacking. **Distinct from Standard HTML Attribute Mapping:** Distinct from Standard HTML Attribute Mapping by specifically enabling attributes that violate language identifier rules.
  • Visual Attribute Mappings6 sub-tag-uriFunctions that dynamically transform raw data properties into visual attributes like color or size during the render loop. **Distinct from Standard HTML Attribute Mapping:** Distinct from Standard HTML Attribute Mapping: focuses on data-to-visual attribute transformation for rendering, not HTML property binding.