Skip to content

NicosNicolaou16/Material_3_Expressive_List

Repository files navigation

Material 3 Expressive Components for Jetpack Compose

Linktree Static Badge X LinkedIn Medium Mastodon Bluesky Dev.to blog YouTube Static Badge

A curated collection of modern, expressive UI components built with Jetpack Compose and * Material 3*.
This repository serves as both inspiration and a practical reference, showcasing how to craft dynamic, engaging Android interfaces using Compose animations and Material 3’s expressive design system.

Each example is self-contained and demonstrates a specific interaction pattern, animation technique, or Material 3 component.


🚀 Future Implementation

This project is actively maintained and will continue to grow. In the future, we plan to:

  • Add more Material 3 expressive components
  • Include new animation and interaction patterns
  • Keep the repository up-to-date with the latest Material 3 and Jetpack Compose releases
  • Expand the sample demos for learning and inspiration

Stay tuned for updates, and contributions are always welcome!


✨ Components

Expressive Buttons

Fluid, delightful buttons that animate in response to user interaction.

Button Groups

Connected single- and multi-selection button groups following Material 3’s expressive design.

Split Buttons

Compound buttons featuring a primary action and a secondary dropdown menu—ideal for multi-action workflows.

FAB Menus

Floating Action Buttons that expand into contextual menus—available both standalone and integrated with list content.

Floating Toolbars

Elegant contextual toolbars that appear and disappear with smooth animations during scroll events.

Custom Progress Indicators

Beautifully styled and animated linear and circular indicators, including expressive variants.

Sliders

Expressive and interactive standard, range, and centered sliders for selecting values.


📸 Examples

List of Buttons Button Groups Split Buttons
Various expressive button styles. Toggleable single & multi-selection buttons. Primary action + secondary menu.
FAB Menu with List Floating Toolbars with List Progress Indicators
FAB expanding into a menu tied to scrolling content. Toolbar that appears with list scrolling. Expressive, animated progress indicators.
Sliders Component
Expressive sliders.

📦 Installation & Setup

To use or explore the expressive Material 3 components in this repository, follow these steps:

1. Clone the Repository

git clone https://github.com/NicosNicolaou16/Material_3_Expressive_List.git

🧾 Versioning

Material 3 version: 1.5.0-alpha12
Target SDK version: 36
Minimum SDK version: 29
Kotlin version: 2.3.0
Gradle version: 8.13.2

⭐ Stargazers

If you enjoy this project, please give it a star! Check out all the stargazers here: Stargazers on GitHub

🔗 References