44 Repos
Automatic handling of HTML attributes and properties without proprietary syntax.
Distinguishing note: Focuses on attribute-to-property mapping, distinct from synthetic attribute systems.
Explore 44 awesome GitHub repositories matching web development · Standard HTML Attribute Mapping. Refine with filters or upvote what's useful.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Dieses Projekt ist ein jQuery-Plugin und clientseitiger Formular-Validator, der verwendet wird, um Webformular-Eingaben zu verifizieren, bevor sie an einen Server gesendet werden. Es verwendet eine regelbasierte Validierungs-Engine, um Benutzereingaben gegen vordefinierte oder benutzerdefinierte Regeln zu prüfen, um die Datenintegrität im Browser sicherzustellen. Das Tool ist als ARIA-konformes Validierungssystem konzipiert und verwendet Accessibility-Attribute, um Fehlermeldungen mit Eingabefeldern zu verknüpfen. Dies stellt sicher, dass Screenreader-Benutzer benachrichtigt werden, wenn ein Feld während des Formularübermittlungsprozesses einen ungültigen Wert enthält. Das System unterstützt Remote-Server-Validierung via asynchroner HTTP-Anfragen und erlaubt die dynamische Regel-Injektion, um benutzerdefinierte Validierungslogik hinzuzufügen. Es verwaltet das User-Interface durch DOM-verknüpftes Fehler-Rendering und nutzt ereignisgesteuertes Triggern, um Prüfungen während Focus-, Blur- oder Submit-Events auszuführen.
Implements dynamic mapping of validation states to ARIA attributes to ensure screen reader accessibility.
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.
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.
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.