11 repository-uri
Updating page regions using pre-rendered HTML fragments from the server.
Distinguishing note: Focuses on the composition pattern rather than client-side state management.
Explore 11 awesome GitHub repositories matching web development · Server-Side UI Composition. Refine with filters or upvote what's useful.
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
Updates specific regions of a web page by fetching pre-rendered HTML fragments directly from the server.
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
Translates structured JSON schemas into a tree of React components for dynamic client-side rendering.
assistant-ui este o bibliotecă și un framework React UI pentru construirea de interfețe conversaționale care conectează utilizatorii la modele de limbaj mari. Oferă o interfață de runtime standard pentru a gestiona streaming-ul mesajelor și fluxul de date între interfețele de chat și backend-urile AI, completată de un instrument în linie de comandă pentru scaffolding-ul proiectului și stilizare. Proiectul se concentrează pe randarea UI generativă, care convertește apelurile de funcții structurate și datele de la un model de limbaj în componente vizuale interactive. Utilizează un strat de adaptare agnostic la provider pentru a standardiza comunicarea între diferite protocoale de backend AI. Framework-ul acoperă o gamă largă de capabilități, inclusiv gestionarea stării conversației și persistența istoricului. Oferă primitive modulare pentru proiectarea interfețelor conversaționale cu suport pentru randarea markdown, auto-scrolling și dictare vocală.
Determines which visual components to render based on structured data definitions from the AI.
css-only-chat este o aplicație web fără JavaScript care implementează un sistem de mesagerie asincron folosind doar HTML și CSS. Funcționează ca o interfață de chat care obține actualizări în timp real și interacțiune cu utilizatorul în întregime prin logica de pe server și comportamentul standard al browserului. Proiectul utilizează un declanșator de cereri bazat pe selectori CSS pentru a trimite date, profitând de încărcarea automată a imaginilor de fundal de către browser pentru a iniția cereri către server. Pentru a livra actualizări fără reîncărcări complete ale paginii, utilizează un streamer de transfer HTTP chunked care menține răspunsurile deschise și adaugă incremental fragmente HTML către client. Sistemul gestionează starea aplicației pe backend, integrând stocări de tip cheie-valoare la distanță pentru persistența mesajelor și folosind un mecanism pub-sub pentru a sincroniza starea între sesiunile concurente ale utilizatorilor. Interfața de utilizator este reîmprospătată prin înlocuirea elementelor HTML existente cu versiuni noi livrate de pe server.
Refreshes the user interface by delivering and replacing HTML fragments directly from the server.
h5ai is a web-based file navigator and server-side indexer that replaces default server index pages with a visual interface for browsing and downloading files over HTTP. It functions as a directory listing browser that transforms plain file paths into a navigable explorer for hosted files. The project is compatible with Apache, Nginx, and lighttpd web servers, providing a way to manage static assets and share files and folders through a browser-based interface instead of a command line. It utilizes PHP-based server indexing and recursive directory traversal to scan server directories and rea
Employs structured JSON payloads to refresh the interface based on server-side filesystem changes.
mall-cook este o platformă e-commerce low-code și un constructor vizual de pagini conceput pentru a crea magazine online și storefront-uri fără a scrie cod manual. Funcționează ca un framework UI bazat pe scheme care mapează schemele de proprietăți JSON la componente reutilizabile pentru generarea interfeței în timp real. Sistemul acționează ca un generator de storefront multi-platformă, producând site-uri de cumpărături compatibile pentru browsere mobile și mini-programe dintr-o singură configurație. Utilizează o interfață drag-and-drop pentru a orchestra layout-urile paginilor și a gestiona proprietățile componentelor. Platforma acoperă designul de storefront e-commerce și orchestrarea paginilor, inclusiv gestionarea căilor de navigare și maparea template-urilor între identități de magazine multi-tenant.
Generates visual interfaces by mapping structured JSON property schemas to a library of reusable components.
JASONETTE-iOS este un framework de aplicații mobile bazat pe JSON utilizat pentru a construi aplicații iOS folosind markup JSON declarativ. Acesta mapează datele structurate către componente native iOS și metode de sistem, permițând definirea interfețelor de utilizator și a răspunsurilor la evenimente fără a scrie cod imperativ tradițional. Framework-ul include un motor de livrare a logicii la distanță care încarcă structura și comportamentul aplicației prin HTTP. Acest lucru permite actualizări ale interfețelor și ale logicii aplicației "over the air" fără a necesita redistribuirea binarului aplicației. Sistemul gestionează fluxul aplicației prin gestionarea declarativă a stării și o interfață de tip bridge nativ care execută API-urile hardware și de sistem ale dispozitivului. Poate fi utilizat ca instrument de dezvoltare de sine stătător sau ca extensie hibridă pentru a adăuga seturi de funcționalități dinamice proiectelor native iOS existente.
Maps declarative JSON schemas directly to native iOS components to render interfaces without compiled code.
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
Ships a server-driven UI architecture where page layouts and form fields are defined by JSON schemas fetched from the backend.
Tangram-Android este un SDK de UI condus de server și un motor nativ dinamic pentru Android. Acesta permite randarea interfețelor utilizator native prin interpretarea definițiilor de date JSON primite de la un server la distanță, permițând actualizarea layout-urilor și a conținutului aplicației fără a necesita noi implementări ale aplicației. Framework-ul utilizează un sistem bazat pe JSON pentru a sincroniza layout-urile paginilor pe Android și iOS printr-un format de date partajat. Acest lucru permite actualizări de interfață în timp real și consistență cross-platform prin controlul UI-ului mobil dintr-un backend la distanță. Proiectul oferă o bibliotecă modulară de componente reutilizabile și un motor de layout care organizează elementele de interfață native în grile și liste. Utilizează maparea dinamică a view-urilor și parsarea recursivă pentru a traduce datele structurate în ierarhii complexe de view-uri native.
Translates structured JSON data definitions into native view hierarchies at runtime to update layouts without app deployment.
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
Generates the user interface by mapping a structured JSON representation of components to actual HTML elements.
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
Transforms structured JSON configuration objects into functional UI components at runtime.