KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #deepseek-harness #typescript #ai-agent #codex #developer-tools #claude-code #windows #mcp #python #desktop-app

FlutterUI

★ 846 Open GitHub ↗

For help building amazing UI with Flutter.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# flutter_ui

## Stop Updating ！！

For help building amazing UI with Flutter.

## BottomAppbar

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/bottomappbar

效果图：
 
![](https://github.com/yumi0629/PreImages/blob/master/bottom_appbar.jpg)

## VerificationCodeInput

教程：[Flutter花式玩转TextField，写一个验证码输入框超简单！](https://juejin.im/post/5c26fff86fb9a049d37f2e6b)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/verificationcode

效果图：
 
![](https://github.com/yumi0629/PreImages/blob/master/verification_code.gif)
![](https://github.com/yumi0629/PreImages/blob/master/verification_code.png?raw=true)

## LiquidCheckButton

A button with liquid wave to show download progress.

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/liquidcheck

效果图：

![](https://github.com/yumi0629/PreImages/blob/master/liquid_check_button_02.gif?raw=true)

## CircleFloatingMenu

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/circlefloatingmenu

效果图：

![](https://github.com/yumi0629/CircleFloatingMenu/blob/master/lib/circle_floating_menu.gif?raw=true)

## LikeButton

A LikeButton like Twitter.

教程：[用Flutter实现一个仿Twitter的点赞效果](https://juejin.im/post/5bf01b7d51882516fa638069)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/likebutton

效果图：

![](https://github.com/yumi0629/LikeButton/blob/master/lib/like_button.gif?raw=true)

## SlideDrawer：一个仿QQ侧滑菜单栏控件

教程：[Flutter：手把手教你实现一个仿QQ侧滑菜单的功能](https://www.jianshu.com/p/8ef323cb2726)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/slidedrawer

效果图：
 
![from left](https://gitee.com/yumi0629/ImageAsset/raw/master/slide_drawer/slide01.gif)

## Drag to choose like or dislike

一个仿“探探”的左右滑动选择喜欢/不喜欢的控件

教程：[用Flutter实现一个仿“探探”的左右滑动选择喜欢/不喜欢的效果](https://juejin.im/post/5bd18eea6fb9a05cf67ace2b)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/draglike

效果图：

![](https://github.com/yumi0629/DragChooseLike/blob/master/images/drag_like.gif?raw=true)

## CircleProgressBar

教程：[Flutter：教你用CustomPaint画一个自定义的CircleProgressBar](https://juejin.im/post/5bdc11be518825171140d46d)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar

效果图：

![](https://gitee.com/yumi0629/ImageAsset/raw/master/circle_progressbar/circle_progress_bar.gif)

## Tip Menu

Just a demo. Not for project use !!!

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/tipmenu

![](https://github.com/yumi0629/PreImages/blob/master/tip_menu.gif?raw=true)

## Scrawl & Watermark

A scrawl & adding watermark demo.

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/scrawl

![scrawl](https://github.com/yumi0629/Flutter_Scrawl/blob/master/preimages/scrawl_01.gif?raw=true)

![watermark](https://github.com/yumi0629/Flutter_Scrawl/blob/master/preimages/scrawl_02.gif?raw=true)

## Hero

教程：[谈一谈Flutter中的共享元素动画Hero](https://www.jianshu.com/p/ddb484789883)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/sharedelement

## Slivers

教程：[Flutter：Slivers大家族，让滑动视图的组合变得很简单！](https://www.jianshu.com/p/690ddade5d94)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/sliver

FlutterUI

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README