19 个仓库
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.
Vue 是一个渐进式的、基于组件的 JavaScript 框架,旨在构建响应式用户界面和单页应用程序。它以声明式模板系统为中心,将 HTML 转换为高效的渲染函数,允许开发者将复杂的界面组织成自动与应用程序状态同步的隔离、可复用单元。 该框架通过依赖跟踪响应式系统脱颖而出,该系统在渲染期间监控数据访问以触发精确更新。它提供了一个灵活的架构,支持作为轻量级库的增量采用和全规模应用程序开发。开发者可以利用强大的基于插件的扩展模型来注入全局逻辑,同时框架的虚拟 DOM 对账确保通过计算最小突变来实现高效的界面更新。 除了核心渲染能力外,该项目还包括一套全面的工具,用于管理应用程序状态、基于 URL 的路由和服务器端渲染。它为组件组合、内容分发和动画管理提供了广泛支持,并内置了自动内容转义等安全措施以防止常见漏洞。 该框架随附官方类型声明以支持静态分析,并可通过标准包管理器安装,或通过脚本标签直接集成到浏览器环境中。
Sanitizes dynamic attribute values to prevent injection attacks during rendering.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Simple flow library 🖥️🖱️
Synchronizes node data automatically by reading HTML attributes like df-* from input elements within node templates.
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.
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.
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.
unplugin-icons 是一个通用的图标组件提供程序和构建时资产优化器,将多种 SVG 库转换为统一的跨框架接口。它作为一个 SVG 图标流水线,将来自不同集合的数千个图标转换为按需组件或原始字符串,供不同的前端框架使用。 该工具提供了一个跨框架图标库,通过仅包含源代码中引用的特定图标来优化包大小。它还通过自动图标导入和使用别名将长集合名称映射到较短标识符,简化了开发工作流。 该系统通过允许加载自定义图标集和应用全局转换来管理 SVG 组件。它还包括视觉配置功能,可通过全局设置或查询参数自定义图标大小和颜色。
Allows modifying generated icon components by parsing parameters passed within the import URL string.
这是一个 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.
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.
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.
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.