Awesome GitHub RepositoriesDeclarative UI Components

This project is a generative development environment designed to build reactive, modular user interfaces through natural language prompts. It functions as a declarative framework that translates descriptive requirements into functional code, structured layouts, and interactive components. By utilizing a reactive state architecture, the system ensures that application data remains synchronized across components, triggering automatic updates whenever state values are modified. The platform distinguishes itself through its automated design system generation and cross-platform capabilities. It em

React Router is a client-side routing library for React that maps browser URLs to specific user interface components. It functions as a declarative navigation framework used to manage application state and navigation paths within single-page applications. The library handles the extraction of dynamic URL parameters to render content based on the current browser path. It synchronizes application state with the browser URL, enabling the use of the back and forward buttons and allowing for bookmarking. The framework covers declarative UI navigation and browser history management. It employs URL

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces. The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions. The library covers a broad range of motio

Redoc is an API documentation generator that transforms standard API specification files into interactive, responsive, and highly customizable web-based documentation interfaces. It provides a three-panel layout that includes synchronized navigation, code samples, and search functionality, allowing developers to explore endpoints and schemas directly within a browser-based environment. Beyond rendering, the project functions as an API governance toolkit that enforces structural standards and quality rules across API definitions. It includes a suite of processing utilities for bundling, splitt

This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

BBLL is an Android TV media application designed to serve as a third-party client for the Bilibili video platform. It provides a native interface optimized for large-screen displays, allowing users to browse and watch streaming content directly on television hardware. The application distinguishes itself by offering a custom viewing experience that integrates specific controls for remote navigation and touch-based input. It manages media playback through a dedicated interface that supports gesture-based seeking and adjustment, ensuring consistent interaction across different hardware environm

LX Music Mobile is an open-source music streaming client designed to provide a unified audio playback experience across mobile and desktop operating systems. It functions as a centralized interface that aggregates audio content from multiple online sources, allowing users to discover and stream media through a single application. The platform distinguishes itself by providing a consistent media control environment that abstracts platform-specific audio APIs, ensuring uniform playback behavior regardless of the underlying hardware. It supports the organization and management of personal music

Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

This project provides a visual credit card form UI component and payment input visualizer. It creates an interactive checkout interface that displays a dynamic visual representation of a credit card, updating in real time as users enter payment details into a form. The interface includes localized payment capabilities, allowing the replacement of default labels and validation messages with custom strings to support multiple languages. Users can customize visual fields and input placeholders to control the default text and symbols displayed during the checkout process. The system manages real

React 360 is a framework for building immersive virtual reality experiences that run in a web browser using a declarative React component model. It functions as a browser-based VR platform and a WebGL VR renderer, enabling developers to create 360-degree panoramic and stereoscopic content without requiring native code installation. The framework provides a declarative VR component library that describes VR scenes as nested React components, with props mapping to 3D objects, lights, and camera positions. It handles user input from VR controllers, gaze tracking, and mouse events through a unifi

SwiftUIX is a framework extension and component library that provides specialized layout tools and native platform bridges for SwiftUI. It functions as a declarative toolkit for building macOS and iOS applications by adding missing native components and expanded interface elements to the standard library. The project focuses on bridging declarative state to native imperative APIs, particularly for macOS desktop interfaces. It includes specialized controls for window visibility, navigation bar appearance, and system status bar integration, as well as tools for managing system activity controll

react-error-boundary is a set of components and handlers designed to intercept JavaScript runtime exceptions and provide graceful user interface replacements during failures. It functions as a wrapper that catches errors within a component tree to render a fallback interface, preventing the entire application from crashing. The project provides a mechanism for handling both synchronous errors during rendering and unexpected errors from asynchronous callbacks or event handlers. This ensures that failures are isolated within specific segments of the component tree, maintaining the stability and

Litho is an Android declarative UI framework and component library used to build user interfaces through a declarative API and immutable state. It functions as an asynchronous layout engine that maps components to a structured view hierarchy to automate view updates. The framework optimizes rendering performance by computing element positions on background threads to prevent blocking the main UI thread. It further improves efficiency by flattening nested view hierarchies and caching layout results. The system includes capabilities for state reconciliation, component recycling, and the render

Reach Router is a client-side routing library for React applications that maps URL patterns to components without full page reloads. It defines navigation rules and component rendering through declarative route configuration, using nested React component trees instead of separate configuration files. The library supports parent-child route hierarchies so shared UI elements persist across page transitions, and provides a declarative Navigate component that triggers URL changes and view updates when rendered. It extracts dynamic segments from URL patterns and passes them as props to matched rou

Vue Apollo is a GraphQL integration library for Vue applications that connects Vue components to GraphQL APIs using Apollo Client. It provides a reactive data layer for querying, mutating, and subscribing to data from GraphQL endpoints, with automatic cache updates and real-time subscription support. The library offers multiple API surfaces for working with GraphQL data, including slot-based declarative components, composable functions for the Composition API, and Options API integration. It handles the full lifecycle of GraphQL operations, from automatic data fetching with reactive queries t

Vue Apollo is a GraphQL client library for Vue.js that integrates Apollo GraphQL queries and mutations into Vue components with reactive data binding. It provides a reactive data layer that automatically updates Vue component state when GraphQL query results change, and supports server-side rendering by prefetching queries during SSR to deliver fully populated HTML on initial page load. The library allows GraphQL queries and mutations to be declared directly inside Vue component options using the apollo property, keeping data dependencies co-located with the UI. It wraps Apollo Client's nor

ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe

Motion Primitives es un kit de interfaz de usuario animada y librería de componentes de animación de React diseñada como un framework de movimiento web. Proporciona una colección de componentes visuales preconstruidos y personalizables utilizados para implementar animaciones de interfaz complejas y transiciones dentro de un entorno de navegador. La librería se centra en el diseño de interfaces de usuario animadas y el pulido visual frontend. Permite el desarrollo de componentes web interactivos y la creación rápida de prototipos de UI al proporcionar primitivas reutilizables que manejan efectos de movimiento sin requerir lógica personalizada desde cero. El framework integra Framer Motion para transiciones basadas en física y utiliza Tailwind CSS para el estilo. Emplea una abstracción basada en componentes y definiciones de tipo TypeScript para asegurar contratos estructurales para las propiedades de los componentes.

TinyBase es un almacén de datos reactivo y base de datos relacional en memoria diseñada para la persistencia de estado del lado del cliente. Sirve como un motor de sincronización local-first que fusiona estados distribuidos utilizando tipos de datos replicados libres de conflictos (CRDT) y relojes lógicos para asegurar la convergencia determinista de los datos. El proyecto cuenta con una librería de validación de esquemas que convierte definiciones externas de herramientas como Zod, Yup y TypeBox en definiciones de almacén con seguridad de tipos. Proporciona una infraestructura para la edición colaborativa en tiempo real, utilizando la sincronización con Automerge, Yjs y PartyKit para mantener un estado consistente entre múltiples clientes y servidores. La superficie de capacidad incluye modelado de datos relacionales con tablas y claves foráneas, consultas e indexación tipo SQL y transacciones atómicas para mutaciones agrupadas. Admite una amplia gama de adaptadores de persistencia, incluyendo almacenamiento en navegador, SQLite y Cloudflare Durable Objects. El sistema también proporciona enlace de estado bidireccional y componentes declarativos para la integración con React, SolidJS y Svelte.