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 ist eine React-UI-Bibliothek und ein Framework für den Aufbau von Konversations-Interfaces, die Benutzer mit Large Language Models verbinden. Es bietet ein Standard-Runtime-Interface zur Verwaltung von Message-Streaming und Datenfluss zwischen Chat-Interfaces und KI-Backends, ergänzt durch ein Command-Line-Tool für Projekt-Scaffolding und Styling. Das Projekt konzentriert sich auf generatives UI-Rendering, das strukturierte Tool-Calls und Daten eines Sprachmodells in interaktive visuelle Komponenten umwandelt. Es nutzt eine provider-agnostische Adapterschicht, um die Kommunikation über verschiedene KI-Backend-Protokolle hinweg zu standardisieren. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich Konversations-Statusmanagement und History-Persistenz. Es bietet modulare Primitive für das Design von Konversations-Interfaces mit Unterstützung für Markdown-Rendering, Auto-Scrolling und Sprachdiktat.

css-only-chat ist eine JavaScript-freie Webanwendung, die ein asynchrones Nachrichtensystem ausschließlich mit HTML und CSS implementiert. Sie fungiert als Chat-Oberfläche, die Echtzeit-Updates und Benutzerinteraktion vollständig durch serverseitige Logik und Standard-Browserverhalten erreicht. Das Projekt verwendet einen CSS-Selektor-basierten Request-Trigger zum Senden von Daten und nutzt das automatische Laden von Hintergrundbildern durch den Browser, um Serveranfragen zu initiieren. Um Updates ohne vollständiges Neuladen der Seite bereitzustellen, nutzt es einen HTTP-Chunked-Transfer-Streamer, der Antworten offen hält und inkrementell HTML-Fragmente an den Client anhängt. Das System verwaltet den Anwendungsstatus auf dem Backend, integriert Remote-Key-Value-Stores für die Nachrichtenpersistenz und verwendet einen Pub-Sub-Mechanismus, um den Status über gleichzeitige Benutzersitzungen hinweg zu synchronisieren. Die Benutzeroberfläche wird aktualisiert, indem bestehende HTML-Elemente durch neue, vom Server gelieferte Versionen ersetzt werden.

h5ai ist ein webbasierter Dateinavigator und serverseitiger Indexer, der standardmäßige Server-Indexseiten durch eine visuelle Schnittstelle zum Durchsuchen und Herunterladen von Dateien über HTTP ersetzt. Er fungiert als Verzeichnislisten-Browser, der einfache Dateipfade in einen navigierbaren Explorer für gehostete Dateien umwandelt. Das Projekt ist mit Apache-, Nginx- und lighttpd-Webservern kompatibel und bietet eine Möglichkeit, statische Assets sowie Dateien und Ordner über eine browserbasierte Schnittstelle anstelle einer Kommandozeile zu verwalten. Es nutzt PHP-basierte Server-Indexierung und rekursive Verzeichnisdurchquerung, um Serververzeichnisse zu scannen und Dateisystem-Metadaten zu lesen. Die Schnittstelle verwendet AJAX- und JSON-gesteuerte Updates, um Ordneransichten zu aktualisieren, ohne dass vollständige Seitenneuladungen erforderlich sind.

mall-cook ist eine Low-Code-E-Commerce-Plattform und ein visueller Page-Builder, der darauf ausgelegt ist, Online-Shops und Storefronts ohne manuelles Programmieren zu erstellen. Es fungiert als schema-gesteuertes UI-Framework, das JSON-Eigenschaftsschemata auf wiederverwendbare Komponenten für die Echtzeit-Generierung von Interfaces abbildet. Das System agiert als Multi-Plattform-Storefront-Generator, der kompatible Shopping-Seiten für mobile Browser und Mini-Programme aus einer einzigen Konfiguration erstellt. Es nutzt ein Drag-and-Drop-Interface, um Seitenlayouts zu orchestrieren und Komponenten-Eigenschaften zu verwalten. Die Plattform deckt E-Commerce-Storefront-Design und Seiten-Orchestrierung ab, einschließlich der Verwaltung von Navigationspfaden und der Abbildung von Templates über verschiedene Mandanten-Identitäten hinweg.

JASONETTE-iOS ist ein JSON-gesteuertes Mobile-App-Framework, das verwendet wird, um iOS-Anwendungen mittels deklarativem JSON-Markup zu erstellen. Es bildet strukturierte Daten auf native iOS-Komponenten und Systemmethoden ab, was die Definition von Benutzeroberflächen und Ereignisreaktionen ermöglicht, ohne traditionellen imperativen Code schreiben zu müssen. Das Framework enthält eine Engine für die Remote-Logik-Bereitstellung, die Anwendungsstruktur und -verhalten via HTTP lädt. Dies ermöglicht Updates von Schnittstellen und Anwendungslogik „over the air“, ohne dass eine Neuverteilung des App-Binärprogramms erforderlich ist. Das System verwaltet den Anwendungsfluss durch deklaratives State-Management und eine native Bridge-Schnittstelle, die Gerätehardware und System-APIs ausführt. Es kann als eigenständiges Entwicklungstool oder als hybride Erweiterung verwendet werden, um bestehenden nativen iOS-Projekten dynamische Funktionssätze hinzuzufügen.

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 is a server-driven UI SDK and dynamic native engine for Android. It enables the rendering of native user interfaces by interpreting JSON data definitions received from a remote server, allowing application layouts and content to be updated without requiring new app deployments. The framework uses a JSON-based system to synchronize page layouts across Android and iOS via a shared data format. This allows for real-time interface updates and cross-platform consistency by controlling the mobile UI from a remote backend. The project provides a modular library of reusable component

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