Motion Xmple 🚀

The alternative to good design is always bad design.
There is no such thing as no design.

-Adam Judge

The first and foremost thing that directly proportional to user's hapiness is software/application design. By keeping this in mind I created this repository. To showcase various design implementations from dribbble, behance, my imaginations and sometimes from an released application designs.

All animations/transitions in this repo are developed with android framework mechanisms such as,

• Animated Vector Drawable
• Property Animation
• LayoutTransition
• Animate layout changes using a transition
• CoordinatorLayout

And the last but not least,

• MotionLayout

Motion Layout is nothing but updated ConstraintLayout that allows to animate layout between various states. MotionLayout is my personal favorite mechanism for animate layouts.

What's inside

• Alpha (OnBoarding)

This is an simple onboarding animation/transition. Developed with android native component viewpager. Gradient Drawable is used in background and with help of ViewPager.addOnPageChangeListener performing changing in color on scroll of ViewPager. ViewPager.setPageTransformer method are also very usefull for creating parallax effect as shown in below screenshot.

• Beta (OnBoarding)

Below onboarding can't be possible without SparkleMotion, this repo is deprecated now but the code is never be too old to use.

• Tubik's Material Design

Credits for this design all goes to Tubik, check more designs https://dribbble.com/Tubik. This animations is all implemented with the help of Motion Layout. This is goog example to understand MotionLayout working.

Questions? 🤔

Hit me on

License

MIT License