5 Repos
Specialized layout patterns for messaging interfaces, including pinned bottom scrolling and stable content injection.
Distinct from Prepend-Stable Scroll Maintainers: Shortlist candidates focus on AI models or general components, not the structural layout and scrolling logic of chat lists.
Explore 5 awesome GitHub repositories matching user interface & experience · Chat Interface Layouts. Refine with filters or upvote what's useful.
OpenUI ist ein Framework für die generative UI-Entwicklung, das natürlichsprachliche Beschreibungen mithilfe von Large Language Models in strukturierte, interaktive Benutzeroberflächenkomponenten umwandelt. Es ermöglicht die Echtzeit-Transformation von Text in funktionale Prototypen wie Diagramme, Tabellen, Formulare und Karten. Das Projekt zeichnet sich durch ein schema-gesteuertes Orchestrierungssystem aus, das typisierte UI-Primitive und JSON-Schemas verwendet, um die Modellausgabe einzuschränken und sicherzustellen, dass generierte Interfaces spezifische Komponentenbibliotheken einhalten. Es verfügt über einen Streaming-Parser, der ein progressives Rendering von Komponenten ermöglicht und Interface-Elemente schrittweise anzeigt, sobald Token eintreffen, anstatt auf eine vollständige Antwort zu warten. Das System deckt breite Funktionen ab, einschließlich KI-Response-Streaming über OpenAI-kompatible Adapter, Chat-Statusmanagement für Konversations-Threads und die automatisierte Generierung von System-Prompts. Es enthält zudem Tools zur Umwandlung strukturierter Komponentenbäume in statisches HTML für den E-Mail-Export sowie ein Command-Line-Interface für das Projekt-Scaffolding. Ein eingebetteter UI-Renderer wird bereitgestellt, um Interfaces in Umgebungen ohne traditionelle Build-Pipeline anzuzeigen.
Provides layout structures for full-screen conversations, side-panel copilots, and collapsible bottom trays.
Chatto ist ein Swift-basiertes UI-Framework und eine Komponentenbibliothek für den Bau von Messaging-Oberflächen auf iOS. Es bietet eine Sammlung wiederverwendbarer Interface-Komponenten zum Rendern von Textblasen, Fotoanhängen und interaktiven Eingabebereichen. Das Framework konzentriert sich auf eine paginierte Chat-Oberfläche, die den Konversationsverlauf in beide Richtungen lädt. Um die Scroll-Performance aufrechtzuerhalten, verwendet es Hintergrund-Layout-Berechnungen für Nachrichten-Zellen. Die Bibliothek deckt die Konstruktion modularer Messaging-Bildschirme und die Implementierung mobiler Chat-Interaktionen ab, wie z. B. das Ausblenden der Tastatur und Swipe-to-Reveal-Zubehöransichten.
Implements specialized layout patterns for messaging, including bidirectional history loading and stable scrolling.
ChatUI is a React conversational UI library and framework designed for building messaging interfaces. It provides a set of components for creating conversation flows, including message bubbles, input areas, and structured message hierarchies. The library distinguishes itself through specialized AI agent interface features, such as the visualization of an agent's reasoning process and simulated typing animations that render text character-by-character. It also includes a system of pre-designed conversational card templates for rendering banners, selection lists, and questionnaires within a cha
Ships a dedicated messaging layout featuring message bubbles, typing indicators, and user input areas.
This project is a frontend component designed to manage dynamic content loading and scroll-based interactions within web applications. It provides a reusable interface for handling data injection as users navigate through scrollable areas, ensuring that content updates occur automatically based on scroll position or manual user triggers. The component distinguishes itself by supporting both standard downward infinite scrolling and inverse scrolling, which allows for the natural expansion of content history in chat-like interfaces. It offers developers full control over the visual presentation
Supports messaging experiences with inverse scrolling to load older history naturally as users scroll upward.
Legend List is a high-performance list rendering library designed to display massive collections of data with varying item heights. It utilizes windowed virtualization and a measured-height cache to render only the visible portion of a list, preventing lag and maintaining a smooth frame rate. The library specializes in bidirectional infinite scrolling and stable scroll anchoring, which prevents visual jumps when content is prepended to the top of a list. It includes specific alignment capabilities to keep content pinned to the bottom, supporting the layout requirements of chat interfaces. To
Supports chat interface requirements by maintaining pinned bottom scroll positions and stable layouts as messages arrive.