AE/Lottie Interaction Patterns

I made the following animation patterns for an inhouse library using AE/Bodymovin and Lottie frameworks . The animations were used in different onboardings, help systems and empty states concepts.

Goal: To have a scalable animated libary with different interaction patterns to be implemented in different app/desktop products during production.


Illustration / Animation iOS / Android / Web


iOS Patterns (sample)



Multi tasking mode

ui pattern

Keyboard and typing

ui pattern

Action sheet actions

ui pattern


Android Patterns (sample)



FAB button interaction

ui pattern

Dialog box interaction

ui pattern

Content expansion

ui pattern

Alphabetica ordered list

ui pattern

Tabs and submenu selectors

ui pattern


Generic Patterns (sample)



List with expanded content

ui pattern

Slide and swipe submebu

ui pattern

Basic onboarding

ui pattern

Pinch zoom

ui pattern

Drag to refresh

ui pattern

Cards swipe selectors

ui pattern

Type of list selector

ui pattern

Search autocomplete

ui pattern