HeroTransitions/Hero
Hero
Hero is a transition framework and animation toolkit for iOS and tvOS designed to create fluid visual continuity between screens. It provides a shared element animation library that interpolates the position and size of views across different screens using unique identifiers.
The framework includes an interactive transition controller that binds navigation progress to manual gestures and user input events in real time. It utilizes a system for calculating animation durations based on element distance and size to maintain a consistent sense of motion speed.
The toolkit covers global coordinate space mapping to manage view layering and z-order during transitions. It also provides template-based transition presets for modals and navigation, alongside custom view modifiers for elements that do not have a destination match.
Features
- iOS Animation Frameworks - Provides a specialized framework for implementing fluid visual continuity and shared element animations on iOS and tvOS.
- Shared Element Matching - Interpolating the position and size of views across different screens using unique identifiers for seamless motion.
- View Transitions - Creating fluid visual continuity by animating shared elements between different screens in iOS and tvOS applications.
- Interactive Transition Controllers - Binds the transition timeline to manual user input to allow scrubbing, pausing, and reversing of visual movements.
- Layout Interpolators - Calculates intermediate layout properties between frames to produce fluid visual transitions.
- Presentation Transitions - Implements controls for defining the visual animation styles used when presenting and dismissing screens during navigation.
- Interactive Transition Controllers - Binds screen navigation progress to manual gestures and user input events in real time.
- Coordinate Space Mappers - Uses a shared screen-level coordinate system to prevent views from being clipped during transitions.
- Gesture Navigation - Links screen transition progress to user gestures to allow pausing or reversing animations in real time.
- Shared Element Animation Frameworks - Provides a complete toolkit for interpolating view positions and sizes across screens using unique identifiers.
- Shared Element Transitions - Implements a system for interpolating the position and size of views across different screens using unique identifiers.
- Coordinate Space Mapping - The UI framework provides a global coordinate space for unmatched views to ensure they remain visible and correctly layered during screen transitions.
- Adaptive Duration Calculators - Automatically adjusts animation timing based on element distance and size to maintain consistent motion.
- Dynamic Duration Calculations - Calculating animation durations based on element distance and size to maintain a consistent sense of speed and motion.
- Transition Presets - Uses pre-defined animation presets to define how screens enter and exit while allowing custom overrides for specific elements.
- Modal Transition Styles - Defines specific presentation and dismissal styles for modals and navigation to control the visual feel.
- Animation Presets - Provides pre-defined animation styles and timing configurations for modals and navigation to ensure visual consistency.
- Transitions - Elegant transition library for iOS and tvOS.
- User Interface Components - Library for building complex view controller transitions.
- View Transitions - Elegant transition library for iOS and tvOS.
