# Declarative Jetpack Compose UI Components

> Search results for `declarative UI components for Jetpack Compose` on awesome-repositories.com. 116 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/declarative-ui-components-for-jetpack-compose

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/declarative-ui-components-for-jetpack-compose).**

## Results

- [android/compose-samples](https://awesome-repositories.com/repository/android-compose-samples.md) (22,893 ⭐) — Compose Samples is a collection of reference implementations for the Jetpack Compose UI library, serving as a practical guide for building native Android user interfaces. It demonstrates the use of a declarative framework where Kotlin functions describe layout structures and data dependencies, enabling developers to construct modern, reactive interfaces.

The repository highlights architectural patterns that prioritize maintainability and testability, such as layered organization and unidirectional data flow. It showcases how to implement adaptive layouts that automatically adjust to various s
- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [flet-dev/flet](https://awesome-repositories.com/repository/flet-dev-flet.md) (15,611 ⭐) — Flet is a cross-platform framework that enables developers to build interactive desktop, mobile, and web applications using only Python. By utilizing a declarative programming model, it allows for the construction of complex user interfaces through a hierarchical structure of components, removing the need for specialized knowledge of web-specific languages like HTML, CSS, or JavaScript.

The framework distinguishes itself by offloading visual rendering to a high-performance graphics engine while maintaining application logic within a centralized server-side environment. This architecture synch
- [facebookarchive/react-360](https://awesome-repositories.com/repository/facebookarchive-react-360.md) (8,706 ⭐) — 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
- [foso/jetpack-compose-playground](https://awesome-repositories.com/repository/foso-jetpack-compose-playground.md) (3,646 ⭐) — Community-driven collection of Jetpack Compose example code and tutorials :rocket:  https://foso.github.io/compose
- [lyswhut/lx-music-mobile](https://awesome-repositories.com/repository/lyswhut-lx-music-mobile.md) (15,643 ⭐) — 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
- [androidx/androidx](https://awesome-repositories.com/repository/androidx-androidx.md) (6,010 ⭐) — AndroidX is the official collection of Android Jetpack libraries for building Android applications. It provides a suite of backward-compatible APIs that expose modern platform features on older Android versions, ensuring consistent functionality across devices. The project is built around lifecycle-aware component architecture, with tools like ViewModel for preserving UI data across configuration changes, LiveData for lifecycle-aware data observation, and WorkManager for constraint-based background task scheduling.

The project distinguishes itself through compile-time code generation and type
- [rajashekarraju/jetpack-compose-samples](https://awesome-repositories.com/repository/rajashekarraju-jetpack-compose-samples.md) (86 ⭐) — This repository contains samples on jetpack compose for building different components like layouts, animations, transitions, saving states and more. Most of examples are demonstrated in blog posts.
- [jessepollak/card](https://awesome-repositories.com/repository/jessepollak-card.md) (11,712 ⭐) — 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
- [canopas/jetpack-compose-animations-examples](https://awesome-repositories.com/repository/canopas-jetpack-compose-animations-examples.md) (483 ⭐) — Android - Cool animations implemented with Jetpack compose
- [flutter/flutter](https://awesome-repositories.com/repository/flutter-flutter.md) (177,056 ⭐) — This project is a multi-platform UI framework designed for building applications that target mobile, web, and desktop environments from a single codebase. It utilizes a declarative paradigm where the user interface is defined as a function of application state, supported by a layered architecture that includes a high-performance rendering engine and a multi-platform compilation model.

The framework provides a comprehensive suite of developer tools, including hot reloading for real-time code injection and diagnostic utilities for monitoring application state and performance. It features a modu
- [jetbrains/kotlin](https://awesome-repositories.com/repository/jetbrains-kotlin.md) (52,880 ⭐) — Kotlin is a statically typed, general-purpose programming language designed for type safety and concise syntax. It functions as a cross-platform development toolkit that enables the sharing of business logic across mobile, web, and server-side environments by compiling a unified intermediate representation into platform-specific machine code, bytecode, or source code.

The project distinguishes itself through a multi-target build orchestration model that manages complex compilation units and hierarchical source sets. Developers can define common interface logic that is satisfied by platform-sp
- [vinaygaba/learn-jetpack-compose-by-example](https://awesome-repositories.com/repository/vinaygaba-learn-jetpack-compose-by-example.md) (3,450 ⭐) — 🚀 This project contains various examples that show how you would do things the "Jetpack Compose" way
- [spicetify/cli](https://awesome-repositories.com/repository/spicetify-cli.md) (23,479 ⭐) — 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
- [anomalyco/opentui](https://awesome-repositories.com/repository/anomalyco-opentui.md) (12,131 ⭐) — 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
- [lcdsmao/dark-toggle-button-sample-jetpack-compose](https://awesome-repositories.com/repository/lcdsmao-dark-toggle-button-sample-jetpack-compose.md) (109 ⭐) — Animated dark mode toggle button with Jetpack Compose. 🚀
- [mobile-dev-inc/maestro](https://awesome-repositories.com/repository/mobile-dev-inc-maestro.md) (10,788 ⭐) — Maestro is a declarative mobile and web UI automation framework designed for end-to-end testing. It operates by querying the native accessibility tree of an application, allowing for black-box testing without requiring source code instrumentation or platform-specific dependencies.

The framework distinguishes itself through a unified command syntax that abstracts interactions across Android, iOS, and web environments. It features a dynamic synchronization engine that automatically pauses test execution to account for non-deterministic animations and network-dependent content loading, ensuring
- [saadeghi/daisyui](https://awesome-repositories.com/repository/saadeghi-daisyui.md) (41,125 ⭐) — 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
- [curiousnikhil/neumorphic-compose](https://awesome-repositories.com/repository/curiousnikhil-neumorphic-compose.md) (459 ⭐) — Neumorphism UI on Android with Jetpack Compose.
- [jeziellago/compose-markdown](https://awesome-repositories.com/repository/jeziellago-compose-markdown.md) (856 ⭐) — Markdown Text for Android Jetpack Compose 📋.
- [livekit/livekit](https://awesome-repositories.com/repository/livekit-livekit.md) (19,358 ⭐) — LiveKit is a comprehensive framework for building and orchestrating real-time, multimodal AI agents that interact with users through voice, video, and text. It provides a centralized, event-driven architecture to manage the entire lifecycle of automated participants, from initialization and session state management to graceful shutdown. By utilizing a selective forwarding unit, the platform efficiently routes media streams between participants and agents, ensuring low-latency communication and secure, token-based authentication for all connections.

The platform distinguishes itself through it
- [redocly/redoc](https://awesome-repositories.com/repository/redocly-redoc.md) (25,507 ⭐) — 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
- [xiaye13579/bbll](https://awesome-repositories.com/repository/xiaye13579-bbll.md) (17,280 ⭐) — 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
- [krishkm/modern-ui-components-for-vba](https://awesome-repositories.com/repository/krishkm-modern-ui-components-for-vba.md) (226 ⭐) — No installation, no ActiveX, no Admin-Rights. Just add this Dll to your VBA project folder and have some cool UI features. Have only tested in MS Access but it should work in all VBA environment. Works with ACCDE too.
- [android/sunflower](https://awesome-repositories.com/repository/android-sunflower.md) (17,774 ⭐) — Sunflower is a reference implementation designed to demonstrate modern Android development patterns and industry-standard architectural practices. It serves as a comprehensive guide for building functional mobile applications by integrating declarative user interface toolkits with robust data management and navigation systems.

The project distinguishes itself by showcasing the transition from legacy view-based systems to modern declarative frameworks. It provides a practical example of how to organize code into distinct layers, manage complex state, and implement dependency injection to ensur
- [nextlevelbuilder/ui-ux-pro-max-skill](https://awesome-repositories.com/repository/nextlevelbuilder-ui-ux-pro-max-skill.md) (92,396 ⭐) — 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
- [flutter-team-archive/plugins](https://awesome-repositories.com/repository/flutter-team-archive-plugins.md) (17,710 ⭐) — This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies.

The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu
- [a914-gowtham/compose-ratingbar](https://awesome-repositories.com/repository/a914-gowtham-compose-ratingbar.md) (250 ⭐) — ratingbar composable for jetpack compose :rocket::star2:
- [vuejs/vue-apollo](https://awesome-repositories.com/repository/vuejs-vue-apollo.md) (6,041 ⭐) — 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
- [ahmed7official/facebook-timeline-compose-android](https://awesome-repositories.com/repository/ahmed7official-facebook-timeline-compose-android.md) (146 ⭐) — Facebook Timeline UI with Pure Kotlin Jetpack Compose
- [joe-bell/cva](https://awesome-repositories.com/repository/joe-bell-cva.md) (6,849 ⭐) — cva is a TypeScript utility for defining and resolving visual variants for UI components with full type safety. It generates CSS class strings from typed variant definitions, enabling compile-time validation of component usage by deriving the union of all variant prop types from a configuration object.

The library distinguishes itself through compound variant matching, which activates styles only when multiple independent variant conditions are simultaneously satisfied, merging their class names. It also provides default value propagation to ensure consistent rendering when no explicit varian
- [facefusion/facefusion](https://awesome-repositories.com/repository/facefusion-facefusion.md) (28,806 ⭐) — Facefusion is a modular framework designed for automated image and video manipulation, specializing in tasks such as face swapping, enhancement, and restoration. It functions as a computer vision processing pipeline that chains independent machine learning modules to perform complex transformations, including facial animation, age modification, and lip synchronization. The system is built to handle both real-time interactive feeds and large-scale batch processing tasks.

The platform distinguishes itself through a highly extensible architecture that supports custom processing modules and inter
- [swiftuix/swiftuix](https://awesome-repositories.com/repository/swiftuix-swiftuix.md) (8,067 ⭐) — 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
- [syncfusion/ej2-react-ui-components](https://awesome-repositories.com/repository/syncfusion-ej2-react-ui-components.md) (401 ⭐) — Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
- [kakaocup/compose](https://awesome-repositories.com/repository/kakaocup-compose.md) (186 ⭐) — Nice and simple DSL for Espresso Compose UI testing in Kotlin
- [facebook/componentkit](https://awesome-repositories.com/repository/facebook-componentkit.md) (5,787 ⭐) — 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
- [chakra-ui/chakra-ui](https://awesome-repositories.com/repository/chakra-ui-chakra-ui.md) (40,438 ⭐) — Chakra UI is a design system component library and styling framework that provides a foundation for building consistent, accessible web interfaces. It functions as a centralized theme configuration engine, using a design-token-driven architecture to manage visual properties like color palettes and spacing rules as a single source of truth across an entire application.

The framework distinguishes itself through a type-safe styling utility that automatically generates TypeScript definitions from theme configurations, ensuring accurate property referencing and editor autocompletion. It employs a
- [raamcosta/compose-destinations](https://awesome-repositories.com/repository/raamcosta-compose-destinations.md) (3,400 ⭐) — Annotation processing library for type-safe Jetpack Compose navigation with no boilerplate.
- [facebook/litho](https://awesome-repositories.com/repository/facebook-litho.md) (7,771 ⭐) — 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
- [expo/expo](https://awesome-repositories.com/repository/expo-expo.md) (50,111 ⭐) — Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission.

The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit
- [mui/material-ui](https://awesome-repositories.com/repository/mui-material-ui.md) (98,459 ⭐) — Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards.

The project distinguishes itself through a zero-runtime styling engi
- [vuejs/vue](https://awesome-repositories.com/repository/vuejs-vue.md) (209,900 ⭐) — Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and single-page applications. It centers on a declarative template system that transforms HTML into efficient render functions, allowing developers to organize complex interfaces into isolated, reusable units that synchronize automatically with application state.

The framework distinguishes itself through a dependency-tracking reactivity system that monitors data access during rendering to trigger precise updates. It provides a flexible architecture that supports both incremental adoption
- [olshevski/compose-navigation-reimagined](https://awesome-repositories.com/repository/olshevski-compose-navigation-reimagined.md) (566 ⭐) — 🌈 Type-safe navigation library for Jetpack Compose
- [solidjs/solid](https://awesome-repositories.com/repository/solidjs-solid.md) (35,621 ⭐) — Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface.

The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial
- [canopas/rich-editor-compose](https://awesome-repositories.com/repository/canopas-rich-editor-compose.md) (97 ⭐) — Android WYSIWYG Rich editor for Jetpack compose.
- [designmodo/flat-ui](https://awesome-repositories.com/repository/designmodo-flat-ui.md) (15,213 ⭐) — Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts.

The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth.

The toolkit covers a broad range of interface capabilities, including customized form elements
- [kunminx/jetpack-mvvm-best-practice](https://awesome-repositories.com/repository/kunminx-jetpack-mvvm-best-practice.md) (8,928 ⭐) — This project is a reference implementation of the Model-View-ViewModel pattern using Android Jetpack components. It serves as an architecture template and layering guide, dividing application code into view, domain, and data layers to ensure a unidirectional flow of dependencies.

The implementation focuses on state management and configuration change handling. It demonstrates how to synchronize UI updates across multiple screens using shared state containers and preserves application state during transitions between portrait and landscape orientations.

The codebase covers a broad surface of
- [alexjlockwood/android-2048-compose](https://awesome-repositories.com/repository/alexjlockwood-android-2048-compose.md) (471 ⭐) — 2048 implemented using Jetpack Compose Multiplatform
- [geekyants/vue-native-core](https://awesome-repositories.com/repository/geekyants-vue-native-core.md) (8,281 ⭐) — Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes.

The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat
- [snapkit/snapkit](https://awesome-repositories.com/repository/snapkit-snapkit.md) (20,336 ⭐) — SnapKit is a declarative layout library and domain-specific language for managing user interface constraints and view relationships in Swift. It serves as a programmatic framework for positioning and sizing interface elements on iOS and macOS by wrapping native Auto Layout calls in a concise syntax.

The library provides a fluent interface that translates high-level descriptive language into imperative layout rules. It differentiates itself through automatic constraint tracking and lifecycle management, allowing for the bulk removal and replacement of positioning rules without manual tracking