整理 酷炫 Android、Flutter 开源UI框架 Layout、View

1.Side-Menu.Android

分类侧滑菜单，Yalantis 出品。

项目地址：https://github.com/Yalantis/Side-Menu.Android

项目Demo：Side-Menu.Android

2.Context-Menu.Android

可以方便快速集成漂亮带有动画效果的上下文菜单，Yalantis出品。

项目地址：https://github.com/Yalantis/Context-Menu.Android

项目Demo：Context-Menu.Android

3.ColorMatchTabsAndroid

一个评论发布应用程序，可让用户找到附近有趣的地方，Yalantis 出品。

项目地址：https://github.com/Yalantis/ColorMatchTabsAndroid

项目Demo：ColorMatchTabsAndroid

4.GuillotineMenu-Android

断头台式菜单展示，Yalantis 出品。

项目地址：https://github.com/Yalantis/GuillotineMenu-Android

项目Demo：GuillotineMenu-Android

5.e-contact-android

电子联络人，Yalantis 出品。

项目地址：https://github.com/Yalantis/e-contact-android

项目Demo：e-contact-android

6.Multi-Selection

简约、炫酷、个性的多选效果，Yalantis 出品。

项目地址：https://github.com/Yalantis/Multi-Selection

项目Demo：Multi-Selection

7.AndroidViewHover

我们需要一个悬停视图,显示菜单,显示消息。

项目地址：https://github.com/daimajia/AndroidViewHover

项目Demo：AndroidViewHover

8.GuideBackgroundColorAnimation

实现滑动ViewPager渐变背景色

项目地址：https://github.com/TaurusXi/GuideBackgroundColorAnimation

项目Demo：GuideBackgroundColorAnimation

9.Euclid

用户简历界面，Yalantis 出品。

项目地址：https://github.com/Yalantis/Euclid

项目Demo：Euclid

10.InstaMaterial

Instagram的一组Material 风格的概念设计

项目地址：https://github.com/frogermcs/InstaMaterial

项目Demo：InstaMaterial

11.StarWars.Android

该组件实现了过渡动画，以将视图控制器粉碎成小块，Yalantis 出品。

项目地址：https://github.com/Yalantis/StarWars.Android

项目Demo：StarWars.Android

12.DiscreteScrollView

DiscreteScrollView 是基于RecyclerView 实现的一个横向滑动列表，当前Item显示在屏幕中央并且可以左右滑动，有点像ViewPager,但是可以快速滑动。提供了简单的API来实现炫酷的动画效果。

项目地址：https://github.com/yarolegovich/DiscreteScrollView

项目Demo：DiscreteScrollView

13.LayoutManagerGroup
自定义RecyclerView 的LayoutManager实现几种炫酷的效果

项目地址：https://github.com/DingMouRen/LayoutManagerGroup

项目Demo：LayoutManagerGroup

14.SearchFilter

搜索过滤动画，Yalantis 出品。

项目地址：https://github.com/Yalantis/SearchFilter

项目Demo：SearchFilter

15.SlidingRootNav

仿DrawerLayout的ViewGroup

项目地址：https://github.com/yarolegovich/SlidingRootNav

项目Demo：SlidingRootNav

16.FantasySlide

单手势滑出侧边栏与选择菜单

项目地址：https://github.com/mzule/FantasySlide

项目Demo：FantasySlide

17.FlowingDrawer

向右滑动流动抽屉效果

项目地址：https://github.com/mxn21/FlowingDrawer

项目Demo：FlowingDrawer

18.SwipeMenuDemo

侧滑菜单动画效果库，多种效果随意组合，是学习动作的良好框架

项目地址：https://github.com/Brioal/SwipeMenuDemo

项目Demo：SwipeMenuDemo

• 位移动画
• 缩放动画
• 透明度动画
• 旋转动画
• 全局图片沉浸
• 模糊背景
• 动态模糊
• 反向动态模糊
• N种组合动画
  
  

19.IconSwitch

简单流畅的自定义切换部件，可用于个性化展示

项目地址：https://github.com/polyak01/IconSwitch

项目Demo：IconSwitch

20.android-snake-menu

模仿Tumblr的菜单，拖动动画看起来像蛇

项目地址：https://github.com/xmuSistone/android-snake-menu

项目Demo：android-snake-menu

21.DraggablePanel

Android库用于根据类似于最后一个YouTube图形组件的可拖动元素创建出色的Android UI

项目地址：https://github.com/pedrovgs/DraggablePanel

项目Demo：DraggablePanel

22.FoldableLayout

可折叠布局实现的Android演示。由Vincent Brison设计。

项目地址：https://github.com/worldline/FoldableLayout

项目Demo：FoldableLayout

23.NavigationTabBar

具有丰富交互作用的导航选项卡栏

项目地址：https://github.com/Devlight/NavigationTabBar

项目Demo：NavigationTabBar

24.ToggleExpandLayout

可以在设置界面中使用的切换布局

项目地址：https://github.com/fenjuly/ToggleExpandLayout

项目Demo：ToggleExpandLayout

25.Crescento

在图像视图和相对布局的底部添加曲线

项目地址：https://github.com/developer-shivam/Crescento

项目Demo：Crescento

26.MaterialLogin

素材登录效果

项目地址：https://github.com/fanrunqi/MaterialLogin

项目Demo：MaterialLogin

27.flutter_list_drag_and_drop

列表的拖放实现

项目地址：https://github.com/Norbert515/flutter_list_drag_and_drop

项目Demo：flutter_list_drag_and_drop

28.JRecycleView

简单的让RecycleView更有趣

项目地址：https://github.com/zincPower/JRecycleView

项目Demo：JRecycleView

目前提供的功能：上拉加载、下拉刷新（自定义视图）；侧滑；item动画

虽然在 github 上面有很热门的库，但是如果仅仅为了刷新去使用它，那就显得臃肿了

29.folding-cell-android

FoldingCell是一种材料设计，旨在通过折叠纸质材料扩展内容单元

项目地址：https://github.com/Ramotion/folding-cell-android

项目Demo：folding-cell-android

30.JPSpringMenu

一个令人敬畏的滑动菜单，具有灵活的弹性

项目地址：https://github.com/peng8350/JPSpringMenu

项目Demo：JPSpringMenu

31.transitioner

用于动态视图到视图转换的库

项目地址：https://github.com/dev-labs-bg/transitioner

项目Demo：transitioner

32.SnapTabLayout

用于流畅的tablayout动画的Android库

项目地址：https://github.com/nirukk52/SnapTabLayout

项目Demo：SnapTabLayout

33.LoginUI-Android

具有创新，美观和创意背景的用户登录界面

项目地址：https://github.com/Shashank02051997/LoginUI-Android

项目Demo：LoginUI-Android

34.coolMenu

炫酷概念菜单

项目地址：https://github.com/notice501/coolMenu

项目Demo：coolMenu

35.SlidingCard

漂亮的卡片滑动翻页特效

项目地址：https://github.com/mxn21/SlidingCard

项目Demo：SlidingCard

36.FlipViewPager.Draco

该项目旨在提供一个工作页面翻转实现，以供ListView使用

项目地址：https://github.com/Yalantis/FlipViewPager.Draco

项目Demo：FlipViewPager.Draco(修复版)

37.InfiniteCycleViewPager

具有双向定位和交互效果的无限循环ViewPager

项目地址：https://github.com/Devlight/InfiniteCycleViewPager

项目Demo：InfiniteCycleViewPager

38.sliding-deck

适用于Android的SlidingDeck View

项目地址：https://github.com/txusballesteros/sliding-deck

项目Demo：sliding-deck

39.paper-onboarding-android

材质设计滑块

项目地址：https://github.com/Ramotion/paper-onboarding-android

项目Demo：paper-onboarding-android

40.AndroidExpandingViewLibrary

这是一个可帮助在Android中使用动画创建扩展视图库

项目地址：https://github.com/diegodobelo/AndroidExpandingViewLibrary

项目Demo：AndroidExpandingViewLibrary

41.ExpandingPager

ExpandingPager是一个卡片查看/弹出控制器

项目地址：https://github.com/qs-lll/ExpandingPager

项目Demo：ExpandingPager

42.sliding-panel

一个ViewGroup，它实现一个滑动面板，该滑动面板是视图层次结构的一部分，而不是其上方

项目地址：https://github.com/PierfrancescoSoffritti/sliding-panel

项目Demo：sliding-panel

43.SpinMenu

轮盘样式的 Fragment 选择菜单，可转动轮盘切换 Fragment

项目地址：https://github.com/Hitomis/SpinMenu

项目Demo：SpinMenu

44.ActSwitchAnimTool

ActSwitchAnimTool使动画易于实现，并且兼容Android 4.0或更高版本

项目地址：https://github.com/Yellow5A5/ActSwitchAnimTool

项目Demo：ActSwitchAnimTool

45.Diagonalify

在图像视图上创建对角线切割

项目地址：https://github.com/developer-shivam/Diagonalify

项目Demo：Diagonalify

46.AnimatorDurationTile

快速设置磁贴

项目地址：https://github.com/nickbutcher/AnimatorDurationTile

项目Demo：AnimatorDurationTile

47.appbarlayout-spring-behavior

一种行为帮助AppBarLayout滚动弹簧

项目地址：https://github.com/ToDou/appbarlayout-spring-behavior

项目Demo：appbarlayout-spring-behavior

48.CycleMenu

循环菜单

项目地址：https://github.com/Cleveroad/CycleMenu

项目Demo：CycleMenu

49.SpaceTabLayout

一个中央的ActionButton的TabLayout

项目地址：https://github.com/long1eu/SpaceTabLayout

项目Demo：SpaceTabLayout

50.android-PageFlip

Android上的3D样式页面翻转

项目地址：https://github.com/eschao/android-PageFlip

项目Demo：android-PageFlip

51.Grav

基于点的可配置动画

项目地址：https://github.com/glomadrian/Grav

项目Demo：Grav

70.Android-InfiniteCards

实现卡片切换视图

项目地址：https://github.com/BakerJQ/Android-InfiniteCards

项目Demo：Android-InfiniteCards

71.expanding-collection-android

ExpandingCollection是一种材质设计卡窥视/弹出控制器

项目地址：https://github.com/Ramotion/expanding-collection-android

项目Demo：expanding-collection-android

72.Oblique

探索新的风格显示斜向图像

项目地址：https://github.com/akshay2211/Oblique

项目Demo：Oblique

73.FeaturedRecyclerView

FeaturedRecyclerView是通过扩展ReyclerView制成的自定义ViewGroup。正如名字暗示FeaturedRecyclerView，（通过其高度设置功能是在顶部的第一项featuredItemHeight）

项目地址：https://github.com/developer-shivam/FeaturedRecyclerView

项目Demo：FeaturedRecyclerView

74.cardslider-android

Cardslider是一种控制器，可让您在带有图片和随附说明的卡片之间滑动

项目地址：https://github.com/Ramotion/cardslider-android

项目Demo：cardslider-android

75.FabulousFilter

Android库将浮动操作按钮动画化为底部对话框，反之亦然

项目地址：https://github.com/Krupen/FabulousFilter

项目Demo：FabulousFilter

76.SlidingUpPanelLayout

一个竖直方向的SlidingPanelLayout，支持加载多个Panel，可以灵活地实现漂亮的的交互效果

项目地址：https://github.com/woxingxiao/SlidingUpPanelLayout

项目Demo：SlidingUpPanelLayout

77.garland-view-android

在多个内容列表之间无缝过渡

项目地址：https://github.com/Ramotion/garland-view-android

项目Demo：garland-view-android

78.circle-menu-android

简单，优雅的UI菜单，具有圆形布局和材质设计动画

项目地址：https://github.com/Ramotion/circle-menu-android

项目Demo：circle-menu-android

79.navigation-toolbar-android

幻灯片建模的UI导航控制器

项目地址：https://github.com/Ramotion/navigation-toolbar-android

项目Demo：navigation-toolbar-android

80.NavigationTabStrip

导航选项卡条具有平滑的交互作用

项目地址：https://github.com/Devlight/NavigationTabStrip

项目Demo：NavigationTabStrip

81.LoopBar

无限滚动滚动条

项目地址：https://github.com/Cleveroad/LoopBar

项目Demo：LoopBar

82.FanLayoutManager

使用Fan Layout Manager，您可以实现水平列表，其各项如风扇叶片一样移动

项目地址：https://github.com/Cleveroad/FanLayoutManager

项目Demo：FanLayoutManager

83.BubbleAnimationLayout

您不希望您的应用看起来无聊，对吗？添加一些气泡

项目地址：https://github.com/Cleveroad/BubbleAnimationLayout

项目Demo：BubbleAnimationLayout

84.VegaLayoutManager

定制的LayoutManager-滚动时淡出和缩小头部itemView

项目地址：https://github.com/xmuSistone/VegaLayoutManager

项目Demo：VegaLayoutManager

85.WindowImageView

RecyclerView中的ImageView显示类似于窗口

项目地址：https://github.com/Bleoo/WindowImageView

项目Demo：WindowImageView

86.FoldableLayout

折叠的信纸被打开一样的动画效果

项目地址：https://github.com/alexvasilkov/FoldableLayout

项目Demo：FoldableLayout

87.CardStackView

三种炫酷的列表卡片滑动动画

项目地址：https://github.com/loopeer/CardStackView

项目Demo：CardStackView

88.Koloda-Android

左滑右滑，类似于探探，Yalantis 出品。

项目地址：https://github.com/Yalantis/Koloda-Android

项目Demo：Koloda-Android

89.FlabbyListView

显示一个ListView，其单元格不是刚性的，而是松弛的，并对ListView滚动做出反应。

项目地址：https://github.com/jpardogo/FlabbyListView

项目到Demo：FlabbyListView

90.folding_cell(Flutter)

折叠你的widget

项目地址：https://github.com/faob-dev/folding_cell

项目Demo：folding_cell

91.animated_selection_slide(Flutter)

滑动动画选择小部件

项目地址：https://github.com/sbilketay/animated_selection_slide

项目Demo：animated_selection_slide

92.page-transformer(Flutter)

在Flutter中具有PageView转换效果的示例

项目地址：https://github.com/roughike/page-transformer

项目Demo：page-transformer

93.liquid_swipe_flutter(Flutter)

基于拍打的液体滑动

项目地址：https://github.com/iamSahdeep/liquid_swipe_flutter

项目Demo：liquid_swipe_flutter

94.wave(Flutter)

用于显示具有自定义颜色，持续时间，浮动和模糊效果的波形的小部件

项目地址：https://github.com/i-protoss/wave

项目Demo：wave

95.flutter_login(Flutter)

提供具有登录/注册功能的登录屏幕，以帮助加快开发速度

项目地址：https://github.com/NearHuscarl/flutter_login

项目Demo：flutter_login

96.reply(Flutter)

由Flutter构建的“答复”材料设计案例研究

项目地址：https://github.com/flschweiger/reply

项目Demo：reply

97.menu_flutter(Flutter)

灵感源自此设计的颤动餐厅菜单应用程序

项目地址：https://github.com/braulio94/menu_flutter

项目Demo：menu_flutter

98.flutter_ui_challenges(Flutter)

Flutter UI挑战

项目地址：https://github.com/tomialagbe/flutter_ui_challenges

项目Demo：flutter_ui_challenges

99.TheGorgeousLogin(Flutter)

使用flutter构建的登录页面

项目地址：https://github.com/huextrat/TheGorgeousLogin

项目Demo：TheGorgeousLogin

100.FlutterFoodybite(Flutter)

餐厅应用程序用户界面

项目地址：https://github.com/JideGuru/FlutterFoodybite

项目Demo：FlutterFoodybite

101.HistoryOfEverything(Flutter)

Flutter启动时间表演示

项目地址：https://github.com/2d-inc/HistoryOfEverything

项目Demo：HistoryOfEverything

102.Taskist

带有Firebase的Flutter ToDo应用

项目地址：https://github.com/huextrat/Taskist

项目Demo：Taskist

103.creative-viewpager

该视图寻呼机库结合了一个标题列表，该标题列表与页面内容一起自动滚动

项目地址：https://github.com/tommybuonomo/creative-viewpager

项目Demo：creative-viewpager

104.emotion-rating-view

在Android应用中提供动画评分视图的库

项目地址：https://github.com/rubygarage/emotion-rating-view

项目Demo：emotion-rating-view

105.flutter_challenge_googlemaps(Flutter)

使用Flutter实现uplabs上Google Maps的UI挑战

项目地址：https://github.com/flutter-ui-challenges/flutter_challenge_googlemaps

项目Demo：flutter_challenge_googlemaps

106.MTransition

页面切换动画

项目地址：https://github.com/HJ-Money/MTransition

项目Demo：MTransition

107.flutter_plugins_demo(Flutter)

一个超酷动画的底部tab栏

项目地址：https://github.com/826327700/flutter_plugins_demo

项目Demo：flutter_plugins_demo

108.dashboard(Flutter)

一个超酷动画的底部tab栏

项目地址：https://github.com/Ivaskuu/dashboard

项目Demo：dashboard

109.Bitutorial

这是一个新的Android库，适合那些厌倦了移动应用中的旧图像滑动的人

项目地址：https://github.com/Cleveroad/Bitutorial

项目Demo：Bitutorial

110.ElasticView

弹性视图是常规的CardView，可以从用户的触摸中灵活显示

项目地址：https://github.com/armcha/ElasticView

项目Demo：ElasticView

111.ReadableBottomBar

Android的一个素材底栏库

项目地址：https://github.com/iammert/ReadableBottomBar

项目Demo：ReadableBottomBar

112.AnimatedBottomBar

具有时尚动画的可自定义且易于使用的BottomBar导航视图

项目地址：https://github.com/Droppers/AnimatedBottomBar

项目Demo：AnimatedBottomBar

113.FlowingPager

通过按钮控制的灵活侧面滑动视图

项目地址：https://github.com/mxn21/FlowingPager

项目Demo：FlowingPager

114.SectionedExpandableGridRecyclerView

此存储库中的项目是对分段可扩展网格RecyclerView的简单实现的尝试

项目地址：https://github.com/bpncool/SectionedExpandableGridRecyclerView

项目Demo：SectionedExpandableGridRecyclerView

115.MotionLayoutExamples

运动布局动画示例

项目地址：https://github.com/mtcn/MotionLayoutExamples

项目Demo：MotionLayoutExamples

• 基本折叠工具栏
  

• 带有文本插值的折叠工具栏
  

• 带有封面图像的折叠工具栏
  

• 复杂动画

• 多个动画

116.BottomDrawer

带有动画的BottomSheet

项目地址：https://github.com/HeyAlex/BottomDrawer

项目Demo：BottomDrawer

117.Animer

Animer是一个Java库，旨在提供更好的Android动画体验。（当前更像是视图动画控制器）

项目地址：https://github.com/MartinRGB/Animer

项目Demo：Animer

118.FabFilter

Android应用程序展示带有或不带有MotionLayout的复杂UI /动画

项目地址：https://github.com/nikhilpanju/FabFilter

项目Demo：FabFilter

119.flutter_uplab_challenge_fitness_dashboard（Flutter）

Flutter中的uplabs UI挑战

项目地址：https://github.com/may-andro/flutter_uplab_challenge_fitness_dashboard

项目Demo：flutter_uplab_challenge_fitness_dashboard

120.flutter_uplab_challenge_medical_app（Flutter）

Uplabs UI挑战

项目地址：https://github.com/may-andro/flutter_uplab_challenge_medical_app

项目Demo：flutter_uplab_challenge_medical_app

121.plantly（Flutter）

受Flutter 启发的https://www.uplabs.com/posts/planlty-browse-buy-plants这个应用概念

项目地址：https://github.com/Ivaskuu/plantly

项目Demo：plantly

122.flutter-furniture（Flutter）

基于此设计的概念应用程序：https://www.uplabs.com/posts/furniture-shop-figma

项目地址：https://github.com/mevans/flutter-furniture

项目Demo：flutter-furniture

123.OnboardingFreebi（Flutter）

uplabs.com的免费入场屏幕的简单演示

项目地址：https://github.com/ranger163/OnboardingFreebi

项目Demo：OnboardingFreebi

124.ProfileFreebie

可在uplabs.com上找到个人资料免费赠品屏幕的简单演示

项目地址：https://github.com/ranger163/ProfileFreebie

项目Demo：ProfileFreebie

125.Flutter-Book-Movie-UI（Flutter）

这是一个受Uplabs启发的UI概念

项目地址：https://github.com/JoanNabusoba/Flutter-Book-Movie-UI

项目Demo：Flutter-Book-Movie-UI

126.TheGorgeousOtp（Flutter）

使用@flutter构建的电话号码身份验证+ OTP登录页面

项目地址：https://github.com/huextrat/TheGorgeousOtp

项目Demo：TheGorgeousOtp

127.NadiKuts/react-native-animated-menu（React Native）

使用React Native实现动画自上而下菜单转换的概念

项目地址：https://github.com/NadiKuts/react-native-animated-menu

项目Demo：NadiKuts/react-native-animated-menu

128.CafeLoginConcept-Android

Kristina Art在Uplabs上介绍了登录概念的Android实现

项目地址：https://github.com/nikhilbansal97/HomeCafeLoginConcept-Android

项目Demo：CafeLoginConcept-Android

129.SlidingMenuNavigation

在uplabs.com上找到滑动菜单导航屏幕的简单演示

项目地址：https://github.com/ranger163/SlidingMenuNavigation

项目Demo：SlidingMenuNavigation

130.flutter_ui_challenge_flight_search（Flutter）

在Flutter中实现的高级UI设计

项目地址：https://github.com/MarcinusX/flutter_ui_challenge_flight_search

项目Demo：flutter_ui_challenge_flight_search

131.buy_ticket_design（Flutter）

Flutter中的UI挑战

项目地址：https://github.com/MarcinusX/buy_ticket_design

项目Demo：buy_ticket_design

132.sy_expedition_travel_challenge（Flutter）

SY远征旅行挑战

项目地址：https://github.com/MarcinusX/sy_expedition_travel_challenge

项目Demo：sy_expedition_travel_challenge

133.flutter_parallax_scroll（Flutter）

Flutter UI挑战-视差滚动效果

项目地址：https://github.com/pawlik92/flutter_parallax_scroll

项目Demo：flutter_parallax_scroll

134.FitnessChallenge

Android动画展示

项目地址：https://github.com/bitvale/FitnessChallenge

项目Demo：FitnessChallenge

135.flutter-design-challenges（Flutter）

设计挑战

项目地址：https://github.com/MangirdasKazlauskas/flutter-design-challenges

项目Demo：flutter-design-challenges

136.FluidCard

这是已移植到android的cuberto的卡片动画

项目地址：https://github.com/pratikKataria/FluidCard

项目Demo：FluidCard

137.ShoeStore（Flutter）

应用程序示例动画，无基础设计：https://dribbble.com/shots/6733935-Bright-App-UI-Kit

项目地址：https://github.com/RenatoLucasMota/ShoeStore

项目Demo：ShoeStore