Material 3 Expressive Components for Jetpack Compose

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-alpha22
Target SDK version: 37
Minimum SDK version: 29
Kotlin version: 2.4.0
Gradle version: 9.2.1
⭐ Stargazers
If you enjoy this project, please give it a star!
Check out all the stargazers
here: Stargazers on GitHub
🔗 References