Awesome GitHub RepositoriesServer-Side UI Composition

HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r

Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

assistant-ui es una biblioteca y framework de UI en React para construir interfaces conversacionales que conectan a los usuarios con modelos de lenguaje de gran tamaño. Proporciona una interfaz de tiempo de ejecución estándar para gestionar el streaming de mensajes y el flujo de datos entre interfaces de chat y backends de IA, complementada con una herramienta de línea de comandos para el scaffolding y estilizado del proyecto. El proyecto se centra en el renderizado de UI generativa, que convierte llamadas a herramientas estructuradas y datos de un modelo de lenguaje en componentes visuales interactivos. Utiliza una capa adaptadora agnóstica al proveedor para estandarizar la comunicación a través de diferentes protocolos de backend de IA. El framework cubre una amplia gama de capacidades, incluyendo la gestión del estado de la conversación y la persistencia del historial. Proporciona primitivas modulares para diseñar interfaces conversacionales con soporte para renderizado de markdown, auto-scroll y dictado por voz.

css-only-chat es una aplicación web libre de JavaScript que implementa un sistema de mensajería asíncrona utilizando solo HTML y CSS. Funciona como una interfaz de chat que logra actualizaciones en tiempo real e interacción del usuario completamente a través de lógica del lado del servidor y comportamiento estándar del navegador. El proyecto utiliza un disparador de solicitudes basado en selectores CSS para enviar datos, aprovechando la carga automática de imágenes de fondo del navegador para iniciar solicitudes al servidor. Para entregar actualizaciones sin recargas completas de página, utiliza un streamer de transferencia fragmentada HTTP que mantiene las respuestas abiertas y añade incrementalmente fragmentos HTML al cliente. El sistema gestiona el estado de la aplicación en el backend, integrando almacenes remotos de clave-valor para la persistencia de mensajes y utilizando un mecanismo de pub-sub para sincronizar el estado a través de sesiones de usuario concurrentes. La interfaz de usuario se refresca reemplazando elementos HTML existentes con nuevas versiones entregadas desde el servidor.

h5ai es un navegador de archivos basado en web e indexador del lado del servidor que reemplaza las páginas de índice del servidor predeterminadas con una interfaz visual para navegar y descargar archivos a través de HTTP. Funciona como un navegador de listado de directorios que transforma rutas de archivos simples en un explorador navegable para archivos alojados. El proyecto es compatible con servidores web Apache, Nginx y lighttpd, proporcionando una forma de gestionar activos estáticos y compartir archivos y carpetas a través de una interfaz basada en navegador en lugar de una línea de comandos. Utiliza indexación de servidor basada en PHP y recorrido de directorios recursivo para escanear directorios del servidor y leer metadatos del sistema de archivos. La interfaz utiliza AJAX y actualizaciones impulsadas por JSON para actualizar las vistas de carpetas sin requerir recargas completas de página.

mall-cook es una plataforma de e-commerce low-code y constructor visual de páginas diseñado para crear tiendas online y escaparates sin escribir código manualmente. Funciona como un framework de UI basado en esquemas que mapea esquemas de propiedades JSON a componentes reutilizables para la generación de interfaces en tiempo real. El sistema actúa como un generador de escaparates multiplataforma, produciendo sitios de compras compatibles para navegadores móviles y mini-programas a partir de una única configuración. Utiliza una interfaz de arrastrar y soltar para orquestar diseños de página y gestionar propiedades de componentes. La plataforma cubre el diseño de escaparates de e-commerce y la orquestación de páginas, incluyendo la gestión de rutas de navegación y el mapeo de plantillas a través de identidades de tiendas multi-inquilino.

JASONETTE-iOS es un framework de aplicaciones móviles basado en JSON utilizado para construir aplicaciones iOS mediante marcado JSON declarativo. Mapea datos estructurados a componentes nativos de iOS y métodos del sistema, permitiendo la definición de interfaces de usuario y respuestas a eventos sin escribir código imperativo tradicional. El framework incluye un motor de entrega de lógica remota que carga la estructura y el comportamiento de la aplicación mediante HTTP. Esto permite actualizaciones de interfaces y lógica de aplicación de forma inalámbrica (over the air) sin requerir la redistribución del binario de la aplicación. El sistema gestiona el flujo de la aplicación mediante la gestión de estado declarativa y una interfaz de puente nativo que ejecuta hardware del dispositivo y API del sistema. Puede utilizarse como una herramienta de desarrollo independiente o como una extensión híbrida para añadir conjuntos de características dinámicas a proyectos nativos de iOS existentes.

Expensify App is a cross-platform collaborative expense management platform that combines receipt capture, expense tracking, and shared bill splitting for groups and teams. Designed as an offline-first application, it applies user actions optimistically to local state and queues them for server synchronization, with automatic rollback if the server rejects an operation. The application is built on a reactive client-side key-value store called Onyx that broadcasts changes to subscribed components and persists data to disk for offline access. Its cross-platform TypeScript and React codebase com

Tangram-Android es un SDK de UI impulsado por servidor y un motor nativo dinámico para Android. Permite el renderizado de interfaces de usuario nativas interpretando definiciones de datos JSON recibidas desde un servidor remoto, permitiendo que los diseños y el contenido de la aplicación se actualicen sin requerir nuevas implementaciones de la aplicación. El framework utiliza un sistema basado en JSON para sincronizar diseños de página en Android e iOS a través de un formato de datos compartido. Esto permite actualizaciones de interfaz en tiempo real y consistencia multiplataforma al controlar la UI móvil desde un backend remoto. El proyecto proporciona una librería modular de componentes reutilizables y un motor de diseño que organiza elementos de interfaz nativos en cuadrículas y listas. Emplea mapeo de vistas dinámico y análisis recursivo para traducir datos estructurados en jerarquías de vistas nativas complejas.

rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding. The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code. The framework covers frontend wo

Variant Form is a low-code platform designed for building and managing dynamic, data-driven web forms. It provides a visual drag-and-drop designer that allows users to assemble complex form layouts and configure field properties without manual markup. The system functions as a comprehensive suite for form development, integrating a runtime rendering engine that transforms structured configuration objects into functional, validated user interfaces. The project distinguishes itself through its ability to transpile visual form definitions into portable, framework-specific source code. It utilize