A modern Music App UI built completely using Jetpack Compose and Material 3.
This project focuses on clean UI screens such as Home, Browse, Library, Account, and Subscription — all powered by Jetpack Compose layouts, Navigation Compose, and modern UI components.
⚠️ Note: This project currently includes the UI only.
Actual music player functionality (audio playback, media controls, playlists, background playback, etc.) will be added in future updates.
You can download and try the latest build from this link:
- Home screen with categorized sections using
LazyColumn+LazyRow - Browse screen using
LazyVerticalGrid - Library screen with list-based navigation
- Account screen UI with account dialog
- Subscription UI with plans card
- Material 3 Components & Icons
- Drawer Navigation (Account, Subscription, Add Account)
- Bottom Navigation (Home, Library, Browse)
- Navigation Compose architecture
- Cards, TextFields, Dialog (AlertDialog)
- LazyColumn, LazyRow, LazyVerticalGrid
- TopAppBar, NavigationBar, ModalDrawer
- Dynamic UI state using
remember,mutableStateOf, and ViewModel
| Layer | Technology |
|---|---|
| UI | Jetpack Compose, Material 3 |
| Navigation | Navigation Compose |
| Architecture | ViewModel + State Hoisting |
| Language | Kotlin |
| Utilities | Drawer, Dialog, Cards, Lazy Lists |
Future updates will include:
- Audio playback (Media3 / ExoPlayer)
- Play, pause, skip, background playback
- Music queue and playlist management
- Song metadata & album art loading
- Online streaming support
- Favorites & Recently Played
Feel free to fork this repo and improve the UI or help add the upcoming player features.
Pull requests are always welcome!
If you found this project useful, please consider giving it a ⭐ on GitHub!