awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
lit avatar

lit/lit-element

0
View on GitHub↗
lit-element.polymer-project.org↗

Lit Element

Lit-element es un framework de elementos personalizados y una librería de UI reactiva que proporciona una clase base para crear elementos HTML estándar. Está diseñado para construir componentes web que actualizan automáticamente su estado visual cuando cambian las propiedades internas o los datos.

El proyecto permite el desarrollo de componentes encapsulados utilizando el shadow root para aislar estilos y estructuras. Utiliza plantillas literales de JavaScript para renderizar plantillas declarativas sin necesidad de un paso de compilación.

La librería cubre la gestión del estado mediante el seguimiento de propiedades reactivas y la sincronización de propiedades de clase de JavaScript con atributos HTML. También incluye capacidades para el alcance de selectores CSS y la gestión de ciclos de renderizado asíncronos para manejar las actualizaciones de la interfaz.

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Features

  • Custom Element Frameworks - Provides a structured framework for defining properties and attributes for native web components with scoped styles.
  • Custom Elements - Enables the creation of standard HTML tags that function as native browser components.
  • Template Literal Renderers - Renders HTML content and expressions using tagged template literals without requiring a compilation step.
  • Property Reactivity - Monitors specific class properties and schedules updates whenever their values are modified.
  • Attribute Synchronization - Synchronizes internal JavaScript class properties with external HTML attributes to ensure consistent state across the DOM.
  • Base Classes - Provides a base class for creating custom HTML elements with built-in reactive properties and declarative rendering.
  • Component State Managers - Provides an interface for synchronizing internal component properties with HTML attributes to trigger efficient visual updates.
  • Reactive State Managers - Synchronizes application data across components via automatic change tracking and efficient re-rendering.
  • Reactive UI Frameworks - Implements a reactive system that automatically updates the user interface whenever the underlying state or data changes.
  • Scoped CSS Isolation - Isolates component styles using a shadow root to prevent CSS leakage into the global scope.
  • Tagged Template Literals - Employs native JavaScript template literals to define HTML structures for components.
  • Reactive Components - Builds custom elements that automatically refresh their visual templates when internal state changes.
  • Shadow DOM Encapsulation - Uses native shadow roots to isolate component styles and markup from the global document scope.
  • Style Encapsulation - Isolates component styles using a shadow root to prevent CSS conflicts with the rest of the web page.
  • Component Property Mappings - Maps internal properties to external attributes using configurable conversion logic for complex data types.
  • Component Update Optimizations - Provides mechanisms to control whether a component should re-render by comparing old and new property values.
  • Dirty Checking Mechanisms - Compares current and previous property values to determine if a visual refresh of the component is required.
  • Render Batching - Groups multiple state changes into a single asynchronous render cycle to minimize redundant DOM manipulations.
  • Component Libraries - Offers a toolkit for developing a library of encapsulated web components using native shadow root isolation.
4,476 estrellas·313 forks·TypeScript·BSD-3-Clause·9 vistas

Historial de estrellas

Gráfico del historial de estrellas de lit/lit-elementGráfico del historial de estrellas de lit/lit-element

Alternativas open-source a Lit Element

Proyectos open-source similares, clasificados según cuántas características comparten con Lit Element.
  • polymer/polymerAvatar de Polymer

    Polymer/polymer

    22,026Ver en GitHub↗

    Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements that function as native browser components. It serves as a system for defining public properties and attributes that trigger automatic state observation and updates within the DOM. The project functions as a data binding library, providing a mechanism to synchronize state between internal component properties and external models via two-way data binding. It covers the development of frontend component libraries and web component architecture, enabling the creation of modular u

    HTML
    Ver en GitHub↗22,026
  • standardagents/arrow-jsAvatar de standardagents

    standardagents/arrow-js

    3,673Ver en GitHub↗

    Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It functions as a reactive state manager and isomorphic routing engine, enabling the creation of web applications that utilize tagged template literals for efficient DOM updates. The project distinguishes itself by incorporating a WebAssembly code sandbox, which allows untrusted or AI-generated code to execute within a secure virtual machine to render interfaces without accessing the host DOM. It further enables agentic UI development by allowing AI agents to dynamically generate vie

    TypeScriptdeclarativereactiverendering
    Ver en GitHub↗3,673
  • webreflection/hyperhtmlAvatar de WebReflection

    WebReflection/hyperHTML

    3,191Ver en GitHub↗

    hyperHTML is a DOM template library and data-binding engine that uses tagged template literals to render and update elements. It functions as a web component framework and a virtual DOM alternative, linking JavaScript data directly to specific HTML elements to enable automatic page updates. The project avoids the overhead of a virtual DOM by using a reconciliation process that updates only the changed parts of the real DOM. It includes a build-time HTML template minifier to compress content within template literals and reduce client-side data transfer. The library covers a broad range of cap

    HTMLalternativedomjs
    Ver en GitHub↗3,191
  • lit/litAvatar de lit

    lit/lit

    21,679Ver en 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

    TypeScripthtml-templateslitlit-element
    Ver en GitHub↗21,679
Ver las 30 alternativas a Lit Element→

Preguntas frecuentes

¿Qué hace lit/lit-element?

Lit-element es un framework de elementos personalizados y una librería de UI reactiva que proporciona una clase base para crear elementos HTML estándar. Está diseñado para construir componentes web que actualizan automáticamente su estado visual cuando cambian las propiedades internas o los datos.

¿Cuáles son las características principales de lit/lit-element?

Las características principales de lit/lit-element son: Custom Element Frameworks, Custom Elements, Template Literal Renderers, Property Reactivity, Attribute Synchronization, Base Classes, Component State Managers, Reactive State Managers.

¿Qué alternativas de código abierto existen para lit/lit-element?

Las alternativas de código abierto para lit/lit-element incluyen: polymer/polymer — Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements… standardagents/arrow-js — Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It… webreflection/hyperhtml — hyperHTML is a DOM template library and data-binding engine that uses tagged template literals to render and update… lit/lit — Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages… lhorie/mithril.js — Mithril.js is a JavaScript framework for building single page applications. It functions as a virtual DOM library and… wicg/webcomponents — Web Components is a set of specifications for creating reusable custom elements with encapsulated styling and logic…