awesome-android-ui
A curated list of awesome Android UI/UX libraries
https://github.com/wasabeef/awesome-android-ui
Last synced: 7 days ago
JSON representation
-
Index
- Bubbles for Android - 2.0) | <img src="/art/bubbles-for-android.gif" width="49%">
- android-transition - 2.0) | <img src="/art/android-transition.gif" width="49%">
- FlexboxLayout - 2.0) | <img src="/art/FlexboxLayout.gif" width="49%"> <img src="/art/FlexboxLayout2.gif" width="49%">
- TapTargetView - 2.0) | <img src="/art/TapTargetView.gif" width="49%">
- Spotlight - 2.0) | <img src="/art/spotlight.gif" width="49%"> <img src="/art/spotlight2.gif" width="49%">
- AndroidStaggeredGrid - 2.0) | <img src="/art/AndroidStaggeredGrid.png" width="49%">
- Android ViewPagerIndicator - 2.0) | <img src="/art/Android-ViewPagerIndicator.png" width="100%">
- MaterialEditText - 2.0) | 
- android-shape-imageview - 2.0) | <img src="/art/android-shape-imageview.png" width="49%"> <img src="/art/android-shape-imageview2.png" width="49%">
- android-crop - 2.0) | <img src="/art/android-crop.png" width="49%">
- AndroidFillableLoaders - 2.0) | <img src="/art/AndroidFillableLoaders.gif" width="49%"> <img src="/art/AndroidFillableLoaders2.gif" width="49%">
- FadingActionBar - 2.0) | <img src="/art/FadingActionBar.png" width="100%">
- Voice Overlay
- hellocharts-android - 2.0) | <img src="/art/hellocharts-android.gif" width="49%"> <img src="/art/hellocharts-android2.png" width="49%"> <img src="/art/hellocharts-android3.png" width="49%">
- MPAndroidChart - 2.0) | <img src="/art/MPAndroidChart.png" width="49%"> <img src="/art/MPAndroidChart2.png" width="49%"> <img src="/art/MPAndroidChart3.png" width="49%"> <img src="/art/MPAndroidChart4.png" width="49%">
- WilliamChart - 2.0) | <img src="/art/williamchart_line.png" width="65%"> <img src="/art/williamchart_bar.png" width="65%">
- AndroidViewAnimations
- Landscapist - 2.0) | <img src="https://user-images.githubusercontent.com/24237865/95661452-6abad480-0b6a-11eb-91c4-7cbe40b77927.gif" width="46%"> <img src="https://user-images.githubusercontent.com/24237865/95812167-be3a4780-0d4f-11eb-9360-2a4a66a3fb46.gif" width="46%">
- Flinger
- Orchestra - 2.0) | <img src="https://user-images.githubusercontent.com/24237865/61194943-f9d70380-a6ff-11e9-807f-ba1ca8126f8a.gif" width="46%"> <img src="https://user-images.githubusercontent.com/24237865/95007367-d58b7d80-0649-11eb-857b-9e0187be70d1.gif" width="44%">
- ComposeClock - 2.0) | <img src="https://github.com/adibfara/ComposeClock/blob/master/demo.gif" width="49%">
- ComposeCookBook
- Compose Neumorphism UI - 2.0) | <img src="https://github.com/CuriousNikhil/neumorphic-compose/blob/main/static/complete_screen.png?raw=true" height=400>
- SSComposeCookBook
- WaveView - 2.0) | <img src="/art/waveview.gif" width="49%">
- ResideLayout - 2.0) | <img src="/art/ResideLayout.gif" width="49%">
- AndroidSwipeLayout
- SwipeBackLayout - 2.0) | <img src="/art/SwipeBackLayout.webp" width="49%"> <img src="/art/SwipeBackLayout2.webp" width="49%">
- Maskable Layout - 2.0) | <img src="/art/android_maskable_layout.gif" width="49%">
- ExpandableLayout
- android-PullRefreshLayout - PullRefreshLayout.gif" width="49%">
- TileView
- ShowcaseView - 2.0) | <img src="/art/ShowcaseView.png" width="49%"> <img src="/art/ShowcaseView2.png" width="49%">
- Ultra Pull To Refresh - 2.0) | <img src="/art/android-Ultra-Pull-To-Refresh.gif" width="49%"> <img src="/art/android-Ultra-Pull-To-Refresh2.gif" width="49%"> <img src="/art/android-Ultra-Pull-To-Refresh3.gif" width="49%"> <img src="/art/android-Ultra-Pull-To-Refresh4.gif" width="49%">
- AndroidViewHover
- DraggablePanel - 2.0) | <img src="/art/DraggablePanel.gif" width="49%"> <img src="/art/DraggablePanel2.gif" width="49%">
- Slidr - 2.0) | <img src="/art/Slidr.gif" width="49%">
- Phoenix Pull-to-Refresh - 2.0) | <img src="/art/Phoenix.gif" width="65%">
- Pull-to-Refresh.Tours - 2.0) | <img src="/art/Taurus.gif" width="65%">
- InboxLayout
- SwipeBack - 2.0) | <img src="/art/SwipeBack.gif" width="49%"> <img src="/art/SwipeBack2.gif" width="49%">
- ArcLayout - 2.0) | <img src="/art/arclayout1.gif" width="49%">
- Dragger - 2.0) | <img src="/art/Dragger.gif" width="100%">
- PhysicsLayout - 2.0) | <img src="/art/PhysicsLayout.gif" width="49%">
- BottomSheet
- AndroidSlidingUpPanel - 2.0) | <img src="/art/AndroidSlidingUpPanel.jpg" width="100%">
- CircleRefreshLayout
- WaveSwipeRefreshLayout - 2.0) | <img src="/art/WaveSwipeRefreshLayout.gif" width="49%">
- FloatingView - 2.0) | <img src="/art/FloatingView.gif" width="49%">
- FrenchToast - 2.0) | <img src="/art/frenchtoast.gif" width="49%">
- AndroidSweetSheet - 2.0) | <img src="/art/AndroidSweetSheet.gif" width="100%">
- FABRevealLayout - 2.0) | <img src="/art/FABRevealLayout.gif" width="49%">
- ToggleExpandLayout
- FlowingDrawer - 2.0) | <img src="/art/FlowingDrawer.gif" width="65%">
- WaveView - 2.0) | <img src="/art/gelitenight-WaveView.gif" width="65%">
- FoldableLayout - 2.0) | <img src="/art/FoldableLayout.gif" width="49%">
- TriangleLabelView - 2.0) | <img src="/art/TriangleLabelView.jpg" width="49%">
- Vorolay - 2.0) | <img src="/art/Vorolay.png" width="49%"> <img src="/art/Vorolay2.png" width="49%">
- Hover
- FerrisWheel - 2.0) | <img src="/art/FerrisWheelView.gif" width="62%">
- ArcView - 2.0) | <img src="/art/arcView1.gif" width="49%">
- DraggablePanel2 - 2.0) | <img src="/art/DraggablePanel_1.gif" width="49%"> <img src="/art/DraggablePanel_2.png" width="49%">
- LDrawer - 2.0) | <img src="/art/LDrawer.gif" width="49%">
- MaterialNavigationDrawer - 2.0) | <img src="/art/MaterialNavigationDrawer.png" width="49%">
- AndroidMaterialDesignToolbar - 2.0) | <img src="/art/AndroidMaterialDesignToolbar.gif" width="49%">
- MaterialTapTargetPrompt - 2.0) | <img src="/art/MaterialTapTargetPrompt.jpg" width="49%">
- DrawerArrowDrawable - 2.0) | 
- circular-progress-button - 2.0) | <img src="/art/circular-progress-button.gif" width="49%">
- android-process-button - 2.0) | <img src="/art/android-process-button.gif" width="75%"> <img src="/art/android-process-button2.gif" width="75%">
- android-circlebutton - 2.0) | 
- android-flat-button - 2.0) | <img src="/art/android-flat-button.gif" width="49%">
- MovingButton
- LabelView - 2.0) | <img src="https://github.com/linger1216/labelview/blob/master/img/img1.png" width="49%">
- transition-button-android - button-android.gif" width="49%">
- KTLoadingButton
- AwesomeSwitch - 2.0) | <img src="/art/awesome-switch.gif" height="50%">
- FloatingActionButton
- ReactButton
- SuperRecyclerView - 2.0) | NONE
- RecyclerViewSwipeDismiss - 2-Clause) | <img src="/art/RecyclerViewSwipeDismiss.gif" width="49%">
- FlabbyListView - 2.0) | <img src="/art/FlabbyListView.gif" width="49%"> <img src="/art/FlabbyListView2.gif" width="49%">
- recyclerview-stickyheaders - stickyheaders.gif" width="49%">
- ParallaxListView
- PullZoomView - 2.0) | <img src="/art/PullZoomView.gif" width="49%">
- SwipeMenuListView
- discrollview - 2.0) | <img src="/art/discrollview.gif" width="49%">
- StickyListHeaders - 2.0) | <img src="/art/StickyListHeaders.gif" width="49%">
- ListBuddies - 2.0) | <img src="/art/ListBuddies.png" width="49%"/ > <img src="/art/ListBuddies.gif" width="49%"/ >
- Android-ObservableScrollView - 2.0) | <img src="/art/Android-ObservableScrollView.gif" width="32%"> <img src="/art/Android-ObservableScrollView.gif" width="32%"> <img src="/art/Android-ObservableScrollView2.gif" width="32%"> <img src="/art/Android-ObservableScrollView3.gif" width="32%"> <img src="/art/Android-ObservableScrollView4.gif" width="32%"> <img src="/art/Android-ObservableScrollView5.gif" width="32%"> <img src="/art/Android-ObservableScrollView6.gif" width="32%"> <img src="/art/Android-ObservableScrollView7.gif" width="32%"> <img src="/art/Android-ObservableScrollView8.gif" width="32%"> <img src="/art/Android-ObservableScrollView9.gif" width="32%"> <img src="/art/Android-ObservableScrollView10.gif" width="32%"> <img src="/art/Android-ObservableScrollView11.gif" width="32%"> <img src="/art/Android-ObservableScrollView12.gif" width="32%"> <img src="/art/Android-ObservableScrollView13.gif" width="32%">
- AsymmetricGridView - 2.0) | <img src="/art/AsymmetricGridView.png" width="49%"> <img src="/art/AsymmetricGridView2.png" width="49%">
- DynamicGrid
- android-parallax-recyclerview - 2.0) | <img src="/art/android-parallax-recyclerview.gif" width="49%"> <img src="/art/android-parallax-recyclerview2.gif" width="49%">
- BlurStickyHeaderListView
- RecyclerView Animators - 2.0) | <img src="/art/recyclerview-animators.gif" width="49%"> <img src="/art/recyclerview-animators2.gif" width="49%">
- RecyclerView-FlexibleDivider - 2.0) | <img src="/art/RecyclerView-FlexibleDivider.png" width="49%"> <img src="/art/RecyclerView-FlexibleDivider2.png" width="49%">
- AndroidTreeView - 2.0) | <img src="/art/AndroidTreeView.webp" width="49%"> <img src="/art/AndroidTreeView2.webp" width="49%">
- RecyclerViewFastScroller - 2.0) | <img src="/art/RecyclerViewFastScroller.png" width="49%"> <img src="/art/RecyclerViewFastScroller2.png" width="49%">
- RecyclerView-MultipleViewTypesAdapter - 2.0) | <img src="/art/RecyclerView-MultipleViewTypesAdapter.gif" width="49%">
- SwipeToAction - 2.0) | <img src="/art/SwipeToAction.gif" width="49%">
- Advanced Recyclerview - 2.0) | <img src="/art/AdvancedRecyclerView.gif" width="49%">
- RecyclerItemDecoration - 2.0) | <img src="/art/recycler-itemdecoration1.gif" width="49%"> <img src="/art/recycler-itemdecoration2.gif" width="49%">
- MaterialRecents - 2.0) | <img src="/art/MaterialRecents.gif" width="49%">
- Dividers - 2.0) | <img src="/art/Dividers.gif" width="49%">
- Drag Select Recycler View - select-recyclerview.gif" width="49%" />
- sticky-headers-recyclerview - 2.0) | <img src="/art/sticky-headers-recyclerview.gif" width="49%">
- Kiel - Declarative RecyclerView Adapters - 2.0) | <img src="/art/kiel.png">
- ParallaxPagerTransformer - 2.0) | <img src="/art/ParallaxPagerTransformer.gif" width="49%">
- ViewPagerTransforms - 2.0) | <img src="/art/ViewPagerTransforms.gif" width="49%">
- CircleIndicator
- Android-ParallaxHeaderViewPager - 2.0) | <img src="/art/Android-ParallaxHeaderViewPager.gif" width="100%">
- freepager - 2.0) | <img src="/art/freepager.gif" width="49%">
- SmartTabLayout - 2.0) | <img src="/art/smarttablayout.gif" width="49%">
- FlipViewPager.Draco - 2.0) | <img src="/art/FlipViewPager-Draco.gif" width="100%">
- MaterialViewPager - 2.0) | <img src="/art/MaterialViewPager.png" width="49%"> <img src="/art/MaterialViewPager2.gif" width="49%">
- HollyViewPager - 2.0) | <img src="/art/HollyViewPager.gif" width="49%">
- SCViewPager - 2.0) | <img src="/art/SCViewPager.gif" width="49%">
- SwipeSelector - 2.0) | <img src="/art/SwipeSelector.gif" width="49%" />
- NavigationTabStrip - 2.0) & [MIT](https://opensource.org/licenses/MIT) | <img src="/art/NavigationTabStrip.gif" width="49%" />
- NavigationTabBar - 2.0) & [MIT](https://opensource.org/licenses/MIT) | <img src="/art/NavigationTabBar.gif" width="49%" /> <img src="/art/NavigationTabBar2.gif" width="49%" />
- UltraViewPager
- SnapTablayout - 2.0) | <img src="/art/SnapTablayout3.gif" width="49%"> <img src="/art/SnapTablayout5.gif" width="49%">
- MaterialTabs - 2.0) | <img src="/art/MaterialTabs.png" width="49%"> <img src="/art/MaterialTabs2.png" width="49%"> <img src="/art/MaterialTabs3.jpeg" width="49%">
- PagerSlidingTabStrip - 2.0) | <img src="/art/PagerSlidingTabStrip.gif" width="49%">
- Shimmer-android - 2.0) | 
- Titanic - 2.0) | <img src="/art/Titanic.gif" width="100%">
- MatchView - 2.0) | <img src="/art/MatchView.gif" width="49%">
- android-autofittextview - 2.0) | 
- SecretTextView - 2.0) | 
- RoundedLetterView - 2.0) | <img src="/art/RoundedLetterView.png" width="49%">
- TextDrawable - 2.0) | <img src="/art/TextDrawable.png" width="49%"> <img src="/art/TextDrawable2.png" width="49%">
- BabushkaText - 2.0) | <img src="/art/BabushkaText.png" width="49%">
- ExpandableTextView - 2.0) | <img src="/art/ExpandableTextView.gif" width="49%">
- Float Labeled EditText - 2.0) | <img src="/art/floatlabelededittext.gif" width="49%">
- SizeAdjustingTextView - 3.0.en.html) | NONE
- ParkedTextView
- Material Code input - 2.0) | <img src="/art/material-code-input.gif" width="60%"> <br><br> <img src="/art/material-code-input2.gif" width="60%">
- TextSurface - 2.0) | <img src="/art/TextSurface.gif" width="100%">
- EmailAutoCompleteTextView - 2.0) | <img src="/art/EmailAutoCompleteTextView.gif" width="60%">
- Tab Digit - 2.0) | <img src="/art/tab-digit.gif" width="49%"> <img src="/art/tab-digit2.gif" width="49%">
- RotatingText
- MaterialTextField - 2.0) | <img src="/art/MaterialTextField.gif" width="49%">
- CodeView
- TouchImageView
- CircleImageView - 2.0) | <img src="/art/CircleImageView.png" width="49%">
- GifImageView
- SelectableRoundedImageView - 2.0) | <img src="/art/SelectableRoundedImageView.png" width="100%">
- RoundedImageView - 2.0) | <img src="/art/RoundedImageView.png" width="49%"> <img src="/art/RoundedImageView2.png" width="49%">
- CropImageView - 2.0) | <img src="/art/CropImageView.png" width="100%">
- BitmapMerger
- Scrolling Image View
- android-anyshape - anyshape.jpg" width="49%"> <img src="/art/android-anyshape2.jpg" width="49%">
- PanoramaImageView
- ChiliPhotoPicker - 2.0) | <img src="/art/ChiliPhotoPicker.gif" width="49%">
- Android Ribbon - 2.0) | <img src="https://user-images.githubusercontent.com/24237865/51105497-7873e680-182c-11e9-954a-1bf767d15312.gif" align="center" width="32%"/>
- DiscreteSeekBar - 2.0) |  
- SeekBarCompat - 2.0) | 
- PreviewSeekBar - 2.0) | 
- RangeSeekBar - 2.0) | 
- material-range-bar - 2.0) | <img src="/art/material-range-bar.png" width="49%"> <img src="/art/material-range-bar2.png" width="49%">
- SmoothProgressBar - 2.0) | 
- NumberProgressBar
- android-square-progressbar - square-progressbar.png" width="49%"> <img src="/art/android-square-progressbar2.png" width="49%"> <img src="/art/android-square-progressbar3.png" width="49%">
- GoogleProgressBar - 2.0) | <img src="/art/GoogleProgressBar.gif" width="32%"> <img src="/art/GoogleProgressBar2.gif" width="32%"> <img src="/art/GoogleProgressBar3.gif" width="32%">
- ElasticDownload - 2.0) | <img src="/art/ElasticDownload.gif" width="49%"> <img src="/art/ElasticDownload2.gif" width="49%">
- FABProgressCircle - 2.0) | <img src="/art/FABProgressCircle.gif" width="49%">
- Loading - 2.0) | <img src="/art/Loading.gif" width="49%"> <img src="/art/Loading2.gif" width="49%"> <img src="/art/Loading3.gif" width="49%">
- Animated Circle Loading View - 2.0) | <img src="/art/AnimatedCircleLoadingView.gif" width="49%">
- LoadingDots - dots.gif" width="49%">
- ColorArcProgerssBar - 2.0) | <img src="/art/Android-ColorArcProgressBar.gif" width="49%">
- ArcProgressStackView - 2.0) | <img src="/art/ArcProgressStackView.gif" width="49%"> <img src="/art/ArcProgressStackView2.gif" width="49%">
- WaveLoadingView - 2.0) | <img src="/art/WaveLoadingView.jpg" width="49%">
- CatLoadingView
- WaveLoading - WaveLoading.gif" width="60%">
- SqueezeLoader - 2.0) | <img src="/art/squeezeloader.gif" width="60%">
- RoundedProgressBar - 2.0) | <img src="/art/roundedProgressBarDemo.gif" width="60%">
- FAB-Loading - 2.0) | <img src="/art/FAB-Loading.gif" width="100%">
- CircularFloatingActionMenu
- AndroidResideMenu
- Folder-ResideMenu - 2.0) | <img src="/art/Folder-ResideMenu.gif" width="49%">
- Side-Menu.Android - 2.0) | <img src="/art/Side-Menu.Android.gif" width="100%">
- Context-Menu.Android - 2.0) | <img src="/art/Context-Menu.Android.gif" width="100%">
- GuillotineMenu-Android - 2.0) | <img src="/art/GuillotineMenu-Android.gif" width="100%">
- android-snake-menu - 2.0) | <img src="/art/android-snake-menu.gif" width="49%">
- BoomMenu - 2.0) | <img src="/art/BoomMenu.gif" width="49%"> <img src="/art/BoomMenu2.gif" width="49%">
- ExpandableBottomBar - bottom-bar.gif" width="100%">
- material-menu - 2.0) |  
- MaterialSheetFab
- PowerMenu - 2.0) | <img src="https://user-images.githubusercontent.com/24237865/63956079-c0e0cb80-cac0-11e9-82ca-4397ca1f3750.gif" width="49%"> <img src="https://user-images.githubusercontent.com/24237865/63956377-42385e00-cac1-11e9-9639-81eac4b7511f.jpg" width="49%">
- AnimatedBottomBar - 1.gif" width="50%"><img src="/art/AnimatedBottomBar-2.gif" width="50%">
- GlassActionBar - 2.0) | <img src="/art/GlassActionBar.png" width="100%">
- NotBoringActionBar - 2.0) | <img src="/art/NotBoringActionBar.gif" width="49%">
- DialogPlus - 2.0) | <img src="/art/DialogPlus.png" width="30%"> <img src="/art/DialogPlus2.gif" width="49%">
- Sweet Alert
- FlycoDialog-Matser - Matser.gif" width="49%">
- material-dialogs - 2.0) |   
- AlertDialogPro - 2.0) | <img src="/art/AlertDialogPro.png" width="49%"> <img src="/art/AlertDialogPro2.png" width="49%"> <img src="/art/AlertDialogPro3.png" width="49%"> <img src="/art/AlertDialogPro4.png" width="49%">
- Caldroid
- android-times-square - 2.0) | <img src="/art/android-times-square.png" width="49%">
- Android-MonthCalendarWidget - 2.0) | 
- android-betterpickers - 2.0) | 
Categories
Sub Categories
Keywords
android
105
android-library
45
animation
32
java
29
kotlin
21
android-ui
20
material-design
12
library
11
material
10
viewpager
10
ui
9
skydoves
9
kotlin-android
8
jetpack-compose
7
recyclerview
6
view
6
menu
5
compose
5
animations
4
navigation
4
custom-view
4
listview
4
widget
4
loading
3
ui-components
3
transition
3
tab
3
icons
3
progress-bar
3
dialog
3
calendar
3
chart
3
loading-animations
2
colorpicker
2
animated
2
picker
2
svg
2
seekbar
2
visualization
2
android-animation
2
bottomnavigationview
2
bottombar
2
rounded-corners
2
popup
2
balloon
2
kotlin-library
2
graph
2
easing-functions
2
ux
2
deprecated
2