Note

Wip migration to CMP (currently all screens migrated to support newer design system).

Compose Animations

Compose Animations is built with the primary goal to explore the capabilities of animation in jetpack compose and to learn and teach animation in a fun way.

if you like to read more about it check out the full blog here

Topics Covered [🚧 update topics]

• Animate*AsState
• AnimatedTransition
• AnimatedList
• AnimatedGesture
• BouncyRope
• InfiniteTransition
• AnimateVisibility
• AnimatedNavigation

Video [🚧 update video]

Video.2024-08-30.02-14-38.mp4

TODO

With basic API usage established, this project's main objective is to integrate the latest Compose APIs for animations. The aim is to simplify and accelerate the animation development process, allowing us developers to design and preview animations without constant rebuilding. This means customizing animations and generating their code at runtime for direct use, significantly reducing iteration time(so yes will be migrating to CMP so we can directly copy paste animations on any platform).

• - CMP
• - animating canvas shapes
• - animate path
• - shape morphing
• - playground
• - shared transitions
• - improve list animations
• - M3 animations
• - more shaders
• - text animations
• - text field animation(insert and delete)
• - SVG animation
• - lottie animation
• - rive
• - 3D objects (Filament)
• - sensors based animations
• - multi module???
• - overhaul entire UI

Multi-Module Project Structure (🚧 WIP - maybe)

Compose-Animations[Animations]      # Root Project
├── app                             # Primary App Module
├── art                             # contains screenshots and videos of the library usage 
├── build-logic                     # contains conventional plugins to mitigate code duplication
│
├── default-apis                    # module for out of the box animation apis
├── community-built                 # module for community built animations
├── shaders                         # module for all shader related animations
│   ├── agsl                        # contains all agsl animations
│
├── filament                        # module for all filament related animations 
├── sensors                         # module for all sensors related animations
├── shapes                          # module for all shapes related animations

Contribution

Compose Animation was built with the goal of public contributions so go find issues in the existing code, improve over it build new ones. Only "rule" per say if you are not the original author of the animation kindly credit the original author. and also read contribution guidelines to resolve build errors 😅.

CONTRIBUTING.md

Note: This Project requires common modules to be built locally(for now) read CONTRIBUTING.md for more

Credit

• Bouncy Rope is modified version of Rebecca Franks's animations you can check it out here
• sinasamaki for counter animation
• gurupreet for compose cook book, check it out here