awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

19 个仓库

Awesome GitHub RepositoriesHTML Attribute Bindings

Methods for reactively binding component properties to HTML attributes.

Distinct from HTML Attribute Bindings: Focuses on reactive attribute binding including boolean attribute handling.

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

Awesome HTML Attribute Bindings GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • vuejs/vuevuejs 的头像

    vuejs/vue

    209,900在 GitHub 上查看↗

    Vue 是一个渐进式的、基于组件的 JavaScript 框架,旨在构建响应式用户界面和单页应用程序。它以声明式模板系统为中心,将 HTML 转换为高效的渲染函数,允许开发者将复杂的界面组织成自动与应用程序状态同步的隔离、可复用单元。 该框架通过依赖跟踪响应式系统脱颖而出,该系统在渲染期间监控数据访问以触发精确更新。它提供了一个灵活的架构,支持作为轻量级库的增量采用和全规模应用程序开发。开发者可以利用强大的基于插件的扩展模型来注入全局逻辑,同时框架的虚拟 DOM 对账确保通过计算最小突变来实现高效的界面更新。 除了核心渲染能力外,该项目还包括一套全面的工具,用于管理应用程序状态、基于 URL 的路由和服务器端渲染。它为组件组合、内容分发和动画管理提供了广泛支持,并内置了自动内容转义等安全措施以防止常见漏洞。 该框架随附官方类型声明以支持静态分析,并可通过标准包管理器安装,或通过脚本标签直接集成到浏览器环境中。

    Sanitizes dynamic attribute values to prevent injection attacks during rendering.

    TypeScriptframeworkfrontendjavascript
    在 GitHub 上查看↗209,900
  • filamentphp/filamentfilamentphp 的头像

    filamentphp/filament

    31,215在 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
    在 GitHub 上查看↗31,215
  • feathericons/featherF

    feathericons/feather

    25,948在 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
    在 GitHub 上查看↗25,948
  • lit/litlit 的头像

    lit/lit

    21,679在 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
    在 GitHub 上查看↗21,679
  • leptos-rs/leptosleptos-rs 的头像

    leptos-rs/leptos

    20,993在 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

    Propagates arbitrary HTML attributes to component elements to support flexible styling and accessibility.

    Rustdomfine-grainedisomorphic
    在 GitHub 上查看↗20,993
  • radix-ui/primitivesradix-ui 的头像

    radix-ui/primitives

    18,642在 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
    在 GitHub 上查看↗18,642
  • getgrav/gravgetgrav 的头像

    getgrav/grav

    15,395在 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
    在 GitHub 上查看↗15,395
  • microsoft/fastmicrosoft 的头像

    microsoft/fast

    9,661在 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
    在 GitHub 上查看↗9,661
  • webstudio-is/webstudiowebstudio-is 的头像

    webstudio-is/webstudio

    8,240在 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
    在 GitHub 上查看↗8,240
  • olton/metrouiolton 的头像

    olton/metroui

    7,077在 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
    在 GitHub 上查看↗7,077
  • jerosoler/drawflowjerosoler 的头像

    jerosoler/Drawflow

    6,047在 GitHub 上查看↗

    Simple flow library 🖥️🖱️

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

    JavaScript
    在 GitHub 上查看↗6,047
  • python-attrs/attrspython-attrs 的头像

    python-attrs/attrs

    5,799在 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 type transformation.

    Python
    在 GitHub 上查看↗5,799
  • vuejs/veturvuejs 的头像

    vuejs/vetur

    5,751在 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
    在 GitHub 上查看↗5,751
  • lunet-io/markdiglunet-io 的头像

    lunet-io/markdig

    5,257在 GitHub 上查看↗

    Markdig 是一个用于 .NET 应用的高性能 Markdown 处理器,可将 Markdown 文本转换为 HTML 或其他目标格式。它是一个符合 CommonMark 标准的解析器和可扩展引擎,能够将 Markdown 转换为可搜索和可操作的抽象语法树。 该库提供了一个框架,通过解析器和渲染器的模块化流水线来添加自定义语法和渲染逻辑。它支持原生提前编译(AOT)和修剪(trimming),以最大限度地减小二进制体积。 功能包括生成带有自定义属性和样式的结构化 HTML、提取用于静态站点处理的 YAML 前置元数据(front matter),以及将内容转换为纯文本。该引擎还涵盖了排版增强、数学公式准备和自动化链接格式化。 该处理器包含精确的源映射以跟踪字符跨度,并采用输出流和嵌套深度限制来管理性能和稳定性。

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

    C#
    在 GitHub 上查看↗5,257
  • antfu/unplugin-iconsantfu 的头像

    antfu/unplugin-icons

    4,876在 GitHub 上查看↗

    unplugin-icons 是一个通用的图标组件提供程序和构建时资产优化器,将多种 SVG 库转换为统一的跨框架接口。它作为一个 SVG 图标流水线,将来自不同集合的数千个图标转换为按需组件或原始字符串,供不同的前端框架使用。 该工具提供了一个跨框架图标库,通过仅包含源代码中引用的特定图标来优化包大小。它还通过自动图标导入和使用别名将长集合名称映射到较短标识符,简化了开发工作流。 该系统通过允许加载自定义图标集和应用全局转换来管理 SVG 组件。它还包括视觉配置功能,可通过全局设置或查询参数自定义图标大小和颜色。

    Allows modifying generated icon components by parsing parameters passed within the import URL string.

    TypeScript
    在 GitHub 上查看↗4,876
  • mathiasbynens/jquery-placeholdermathiasbynens 的头像

    mathiasbynens/jquery-placeholder

    3,927在 GitHub 上查看↗

    这是一个 jQuery 插件,为 input 和 textarea 字段提供 HTML5 placeholder 模拟。它作为一个兼容性库,确保在不同 Web 浏览器(特别是那些不支持原生 HTML5 placeholder 属性的浏览器)中保持一致的占位符行为。 该工具通过修改表单元素在用户输入前显示提示文本的方式,扩展了 DOM 输入字段的功能。它作为浏览器兼容层,为现代 HTML5 表单功能提供旧版浏览器支持。 该实现涵盖了浏览器特性检测、针对 focus 和 blur 事件的事件驱动状态切换,以及原始输入值的恢复。它利用 jQuery 进行元素选择和 DOM 操作,通过自定义属性注入临时文本。

    Implements the injection of temporary hint text via custom data attributes into form fields.

    JavaScript
    在 GitHub 上查看↗3,927
  • github/hotkeygithub 的头像

    github/hotkey

    3,292在 GitHub 上查看↗

    Hotkey is a client-side JavaScript library designed to enhance web application accessibility and navigation through keyboard shortcut integration. It enables developers to bind keyboard shortcuts and multi-key sequences directly to HTML elements using declarative attributes. The library functions as a web component and DOM interaction helper that triggers clicks, focus events, or custom actions when specific key combinations are pressed. The project features document-level event delegation to capture global keyboard inputs efficiently and route them to targeted elements. It includes input sco

    Binds keyboard shortcuts directly to HTML elements using declarative markup attributes that map key combinations to actions.

    JavaScriptdecoratorshortcuts
    在 GitHub 上查看↗3,292
  • nette/utilsnette 的头像

    nette/utils

    2,142在 GitHub 上查看↗

    This project is a general-purpose PHP utility library offering a collection of helper classes and functions for string manipulation, array and collection processing, data validation, filesystem operations, and image processing. It provides foundational toolkits designed to handle common development tasks through standardized APIs. The library is distinguished by specialized subsystems for programmatic HTML generation and secure element construction, runtime code reflection, and object-oriented utilities such as virtual property management and event callback triggers. It also includes cryptogr

    Sets, updates, and retrieves HTML attributes, styles, and data attributes using properties, method chaining, or bulk arrays.

    PHParray-manipulationscomponentjson
    在 GitHub 上查看↗2,142
  • lavary/laravel-menulavary 的头像

    lavary/laravel-menu

    1,169在 GitHub 上查看↗

    Laravel Menu is a PHP package and Laravel web development tool designed for generating view-agnostic hierarchical navigation menus. It provides a fluent builder interface and global container registration to define application navigation structures that remain accessible across all views. The package supports multi-level nesting for dropdown structures, automatic active state detection based on current URIs or routes, and custom HTML attribute rendering. It includes capabilities for conditional filtering, item sorting, custom HTML injection, dividers, metadata storage, and simultaneous group

    Injects custom attributes directly into generated menu markup tags during output serialization.

    PHP
    在 GitHub 上查看↗1,169
  1. Home
  2. User Interface & Experience
  3. Layout Utilities
  4. Presentation Engines
  5. Template Engines
  6. Data Binding Syntax
  7. HTML Attribute Bindings
  8. HTML Attribute Bindings

探索子标签

  • Attribute Converters2 个子标签Logic for transforming data between JavaScript types and HTML attribute strings during synchronization. **Distinct from HTML Attribute Bindings:** Distinct from HTML Attribute Bindings: focuses on the type conversion logic specifically, rather than the binding mechanism itself.
  • Attribute Injection3 个子标签Utilities for dynamically appending arbitrary HTML attributes to rendered components. **Distinct from HTML Attribute Bindings:** Distinct from HTML Attribute Bindings: focuses on arbitrary attribute injection rather than reactive data-to-attribute binding.
  • Custom Attribute Data BindingsSynchronizes node data by reading custom HTML attributes like df-* from input elements within node templates. **Distinct from HTML Attribute Bindings:** Distinct from HTML Attribute Bindings: focuses on custom prefixed attributes for node data synchronization rather than general reactive attribute binding.
  • Image Attribute InjectionAdds custom classes and identifiers to embedded images via markdown syntax. **Distinct from HTML Attribute Bindings:** Distinct from HTML Attribute Bindings: focuses on static markdown-to-HTML attribute injection rather than reactive data binding.
  • Manual Attribute AssignmentsTools for manually assigning static HTML attributes to elements for custom scripting and identification. **Distinct from HTML Attribute Bindings:** Focuses on manual static assignment for scripting rather than reactive data binding.