Author: HelloGitHub- Dried fish
Do not know the front end and mobile students get UI students to give you the animation, what is in mind. Little Fish Dry once mixed in a domestic technology forum, where the big shots had a surprisingly consistent comment on the dynamic effect: Hack designer series, flashy series, have time to do, not practical at all… However, some developers think that most of the time App/Web does not focus on functions. If functions can be realized, UI (dynamic effects) is also very important to win over users.
So what are some ways to make the product even better without adding too much development? The answer is very simple: it is the open source motion effect library, here fish dry recommend several BlingBling motion effect library, if you have other good collection remember to comment or HelloGitHub issue area exchange experience yo ~
1. 3D Dynamic Wall: Slideshow
Slideshow is a 3D dynamic picture wall written with SceneKit. Although the effect is cool, the performance is not very good. If you use this dynamic effect, please optimize it.
GitHub address: github.com/folio-sec/S…
2. Custom animation: DDAnimatedSwitch
DDAnimatedSwitch is a customizable switch animation. It allows you to use any frame animation as an icon. Not only can you animate the switch, you can also animate the thumb, play, scale, loop, and speed up, slow down, and reverse the animation in terms of playback speed.
GitHub address: github.com/d-dotsenko/…
3. Load process animation: Loady
Loady is a small animation library for customizing loading Button animations, which can be used to display loading of buttons in UI. It supports you to customize styles. It provides 6 different loading styles and 4 animation states (successful loading, failed loading, loading, normal loading).
GitHub address: github.com/farshadjaha…
4. Login animation: LoginCritter
LoginCritter is an animation that responds to text interactions by tracking the user’s actions and interacting with you. LoginCritter uses multiple UIPropertyAnimators, and head rotation is controlled by updating the fractionComplete property. As the user enters, the program calculates the length and width of the text.
GitHub address: github.com/cgoldsby/Lo…
5. Beauty of simplicity: Sica
Sica is a sequential/parallel animation library. Although it is a simple animation library, it supports most animation effects.
GitHub address: github.com/cats-oss/Si…
6. Indicate the widget: Arrows
Arrows are a drop-down drawing arrow widget that represents three different arrow states: up, Down, and Middle.
GitHub address: github.com/antoniocase…
7. Animate. CSS
The Animate. CSS is a cross-browser CSS animations, covers the common dynamic effect, direct call time, moreover it has online support you search for a particular effect: daneden. Making. IO/Animate. CSS…
GitHub address: github.com/daneden/ani…
8. Load the plugin: flutter_easyloading
Flutter_easyloading is an easy-to-use plugin for Flutter Loading that contains 23 animation effects.
GitHub address: github.com/huangjianke…
9. Menu bar switching effect: LTabView
LTabView is a TabView project implemented by the author after seeing a GIF animation effect.
GitHub address: github.com/Mr-XiaoLian…
10. Also see LoadingIndicator
LoadingIndicator is an out-of-the-box loading library with 32 different types of animations inspired by loaders.css and NVActivityIndicatorView.
GitHub address: github.com/TinoGuo/loa…
The last
Love, love.
HelloGitHub communication group is now fully open, add wechat: HelloGitHub as a friend. Can work with front-end, Java, Go… Big guys from all walks of life talk and exchange technology ~
Pay attention to the public account to join the communication group