25 repositorios
Mechanisms for initializing component settings and behaviors using HTML data attributes.
Distinct from Element Attributes: Focuses on component initialization and behavior configuration via attributes, whereas Element Attributes is more general and Data Attribute Mapping focuses on data extraction.
Explore 25 awesome GitHub repositories matching web development · Configuration Attributes. Refine with filters or upvote what's useful.
Slick is a JavaScript carousel library used to create responsive, touch-enabled sliding content areas. It functions as a frontend layout tool that allows for automated content rotation and the creation of lazy-loading image galleries. The library distinguishes itself through the ability to synchronize multiple sliders, ensuring that movement in one carousel automatically advances others to the same position. It supports adaptive breakpoints that adjust the number of visible slides based on screen size and utilizes lazy loading to defer image downloads until they enter the viewport. The syste
The Carousel allows setting component behavior and options directly within HTML elements to initialize functionality without writing scripts.
AOS is a scroll-triggered animation library that controls the execution, timing, and mapping of CSS transitions based on element visibility and browser viewport intersections. It functions as a DOM element animation controller and a viewport intersection trigger to initiate visual transitions as elements enter the screen. The library utilizes a custom CSS transition bridge to map scroll-based triggers to CSS class changes, enabling integration with external styling frameworks. It supports anchor-based animation triggers, allowing the visibility of one page element to act as the trigger point
Reads HTML data attributes at runtime to determine animation duration, easing, and delay settings.
lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and iframes until they enter the browser viewport. It functions as a responsive image optimizer and SEO friendly asset loader designed to reduce initial page load times while maintaining search engine visibility. The project calculates optimal image sizes and handles srcset and picture elements to deliver the most appropriate asset based on device resolution and layout. It includes a mechanism for low-quality image placeholders and applies CSS classes during the loading process to trig
Re-initializes lazy loading automatically when data-src or data-srcset attributes are modified.
TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements and templates. It functions as an interactive web element set and a customizable theme system for building website interfaces and landing pages. The project enables rapid frontend prototyping through a library of functional interface pieces, including modals, navigation bars, and forms. It provides a set of design blocks and sections specifically for creating mobile-first layouts. The library covers responsive web design and Tailwind CSS UI development. This includes the implem
Provides mechanisms for initializing component behavior and appearance using custom HTML data attributes.
bootstrap-datepicker is a JavaScript calendar widget and UI extension designed to integrate with the Bootstrap CSS framework. It provides a graphical calendar interface for selecting dates within web applications, serving as a specialized component for Bootstrap web forms. The project functions as a client-side date selection tool that replaces manual text entry with an interactive calendar popup. It focuses on improving the frontend user interface for date-related inputs.
Provides the ability to initialize date constraints and formatting options using HTML data attributes.
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
Allows validation rules and constraints to be defined directly within HTML data attributes.
WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser viewport during page scrolling. It serves as a tool for orchestrating visual transitions based on the user's scroll position and element visibility. The library functions as a dynamic content animation tool, capable of detecting and animating new elements added to the page after the initial load. This allows visual effects to be applied to dynamically injected content without requiring a page refresh. The system utilizes the Intersection Observer API to detect viewport entry an
Provides a mechanism to configure animation timing and behavior using HTML data attributes.
jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen
Initializes component behaviors and appearance directly via HTML data attributes.
Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int
Automatically activates interactive behaviors by scanning HTML data attributes during the component lifecycle.
eva-icons es un paquete de iconos de UI multiplataforma integral que proporciona más de 480 gráficos vectoriales escalables e iconos basados en fuentes. Funciona tanto como una librería de iconos SVG como un conjunto de iconos de fuentes web diseñado para un uso consistente en interfaces web, iOS y Android. La colección es un conjunto de iconos animados que admite efectos de movimiento como zoom, pulso, agitación y volteo para proporcionar retroalimentación visual o atraer la atención del usuario. La librería cubre la implementación de gráficos SVG e iconografía de fuentes web, permitiendo la inyección de elementos visuales mediante JavaScript o hojas de estilo CSS. Admite la distribución de activos en múltiples formatos para mantener un lenguaje visual uniforme en diferentes sistemas operativos y tamaños de pantalla.
Uses HTML data attributes to configure icon dimensions and colors during the injection process.
Lazyload is a JavaScript plugin that defers the loading of images until they scroll into the viewport, using the browser's Intersection Observer API to detect visibility. It is designed to speed up initial page load and save bandwidth by delaying off-screen images, and includes a jQuery-compatible wrapper for drop-in integration with existing jQuery code. The plugin distinguishes itself through support for responsive images, loading different sources based on screen size, and a blur-up placeholder effect that shows a low-resolution image that transitions into the sharp version once fully load
Uses custom data attributes to specify image source URLs, preventing early loading.
vanilla-lazyload is a JavaScript lazy loading library and viewport-based asset loader designed to improve page load speed by deferring the loading of images, videos, iframes, and backgrounds. It functions as an intersection observer media loader that triggers resource downloads and script execution only when elements enter the browser viewport. The project also serves as a native lazy loading polyfill, utilizing native browser loading attributes where supported and providing a JavaScript fallback for older environments. The library distinguishes itself through active bandwidth management, suc
Implements resource loading by swapping placeholder attributes with original source values to trigger network requests.
lozad.js is a JavaScript lazy loading library and viewport-based media loader. It serves as a dependency-free wrapper around the Intersection Observer API to defer the loading of images and iframes until they enter the browser viewport. The project functions as a responsive image loader that optimizes page speed by delivering the most appropriate image sizes and formats based on the user's screen. It includes capabilities for responsive image optimization and layout stabilization through the use of image placeholders to prevent content shifts. The library manages the full lifecycle of deferr
Implements asset loading by swapping placeholder attributes with actual source URLs.
Chartkick is a Ruby on Rails visualization library and JavaScript charting wrapper that provides a high-level interface for integrating interactive charts into web applications. It functions as a multi-engine charting adapter, wrapping various JavaScript charting libraries to provide a consistent API for rendering data visualizations. The project is distinguished by its engine abstraction, which allows users to switch between different JavaScript charting libraries without modifying the underlying data sources. It also supports asynchronous data visualization, fetching chart data from remote
Initializes chart settings and datasets through HTML data attributes for client-side configuration.
Lightbox2 es un lightbox de imágenes en JavaScript del lado del cliente diseñado para mostrar imágenes en una ventana modal superpuesta sobre el contenido actual de la página web. Funciona como un visor de imágenes modal que amplía las imágenes en una superposición centrada con un fondo oscurecido, evitando la navegación fuera de la página original. El proyecto implementa superposiciones de galerías de imágenes para la presentación web, creando una experiencia de visualización enfocada para fotografías o gráficos al atenuar el resto del sitio web. El sistema maneja la presentación de imágenes mediante la activación modal basada en eventos y la inyección dinámica de HTML. Utiliza una configuración basada en atributos para calcular diseños y emplea transiciones impulsadas por CSS para efectos de aparición y desaparición gradual.
Implements component initialization and layout positioning by reading image dimensions and settings from HTML data attributes.
The Rust RFCs repository is the formal home for the Rust language evolution process, housing the structured design documents and community review mechanisms that govern changes to the Rust programming language, its compiler, and its standard library. It defines the complete lifecycle for proposing, discussing, and implementing substantial changes through RFC documents, from initial submission and community feedback through final comment periods and sub-team sign-offs. The repository codifies the governance and collaboration processes that shape Rust's development, including mechanisms for com
Restricts the use of attributes not defined by the compiler or consumed elsewhere.
CodeIgniter is a PHP web framework built on the Model-View-Controller pattern, designed for building full-stack web applications. It provides a lightweight toolkit with minimal configuration, organizing application logic into controllers, models, and views for clean separation of concerns. The framework includes a fluent query builder for constructing SQL statements programmatically, PSR-4 autoloading with namespace mapping, and a service-based dependency injection container for managing shared class instances. The framework distinguishes itself through its comprehensive set of built-in tools
Reports whether a specific property or any property on the entity has been modified since creation.
Bootstrap-switch es un plugin de jQuery que transforma casillas de verificación y botones de radio HTML estándar en interruptores de palanca visuales. Sirve como un interruptor de entrada de formulario que proporciona una interacción de palanca deslizante como reemplazo de los elementos de entrada binarios tradicionales. Este componente está diseñado específicamente para interfaces Bootstrap, permitiendo la personalización de páginas web que siguen el sistema de diseño del framework CSS Bootstrap. Mejora los formularios web convirtiendo elementos de entrada básicos en interruptores interactivos para mejorar la claridad visual de los ajustes y preferencias binarias.
Uses HTML data attributes to initialize the switch behavior and visual styles.
Peity es una librería ligera de visualización de datos SVG que transforma contenido de texto numérico y atributos HTML en pequeños gráficos de pastel, dona, barras y líneas. Funciona como un renderizador basado en atributos y una herramienta de mejora progresiva, añadiendo gráficos vectoriales a las páginas web leyendo datos directamente del DOM sin requerir frameworks de JavaScript pesados. La librería admite funciones de dibujo personalizadas y asignaciones de color dinámicas, permitiendo el registro de nuevos tipos de gráficos y el uso de funciones personalizadas para determinar los colores de los segmentos. Su superficie de capacidades cubre el renderizado de mini gráficos de datos, como sparklines y anillos de progreso para métricas de paneles. Incluye la capacidad de redibujar automáticamente las visualizaciones cuando cambia el texto del elemento subyacente y permite la configuración individual de los gráficos mediante atributos de datos HTML.
Provides a mechanism to configure chart settings and visual overrides directly via HTML data attributes.
FloatingActionButton is a scroll-driven UI controller and mobile-first interface element. It provides a circular button that floats above content and toggles its visibility based on scroll direction to maximize available screen space. The component functions as a CSS-animated UI element, utilizing stylesheet transitions to handle the visual sliding and fading of the interface controls. It is designed for mobile interfaces to provide quick access to primary actions without obscuring page content. The system manages visibility by monitoring scroll events on a designated DOM container and detec
Implements component initialization and behavior settings using HTML data attributes.