# amosgyamfi/open-swiftui-animations

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/amosgyamfi-open-swiftui-animations).**

5,517 stars · 290 forks · Swift · Unlicense

## Links

- GitHub: https://github.com/amosgyamfi/open-swiftui-animations
- Homepage: https://twitter.com/amos_gyamfi
- awesome-repositories: https://awesome-repositories.com/repository/amosgyamfi-open-swiftui-animations.md

## Topics

`animations` `app-animations` `dynamic-island` `dynamic-island-animation` `ios` `ios-animations` `ios-design-patterns` `iosanimation` `swift` `swift5` `swiftui` `swiftui-animations` `transition-animation` `transitions` `uianimations` `watchos` `xcode`

## Description

This project is a SwiftUI animation library and a collection of reusable motion design patterns for iOS and macOS applications. It provides a gallery of pre-made animated interface elements and physics-based motion effects to create tactile user interface reactions.

The library focuses on complex visual sequences, including three-dimensional element rotation, animated path drawing for lines and signatures, and simulated text input effects. It implements fluid layout morphing and seamless content transitions using phase-based timing and shape animations.

The framework covers a broad range of capabilities including spring-physics animations, visual masking and clipping, and the development of custom progress indicators. It also includes tools for managing state-driven view transitions and alignment-based layout shifts.

## Tags

### Mobile Development

- [Animation Libraries](https://awesome-repositories.com/f/mobile-development/ios-apple-ecosystem/swiftui/animation-libraries.md) — Offers a comprehensive library of reusable animation patterns and visual effects specifically for the SwiftUI framework.
- [Motion Design Patterns](https://awesome-repositories.com/f/mobile-development/ios-apple-ecosystem/swiftui/motion-design-patterns.md) — Implements spring physics and 3D rotations in SwiftUI to make interface components feel natural and tactile.
- [Layout Transitions](https://awesome-repositories.com/f/mobile-development/ios-apple-ecosystem/swiftui/layout-transitions.md) — Morphs container shapes and swaps visual content seamlessly using phase-based timing and animations in SwiftUI.
- [UI Animations](https://awesome-repositories.com/f/mobile-development/ios-apple-ecosystem/swiftui/ui-animations.md) — Creates fluid and expressive visual transitions and interactive elements within native SwiftUI applications.
- [Visual Effects](https://awesome-repositories.com/f/mobile-development/ios-apple-ecosystem/swiftui/visual-effects.md) — Develops complex masking and gradient animations to enhance the aesthetic depth of mobile interfaces in SwiftUI.

### User Interface & Experience

- [Spring Animations](https://awesome-repositories.com/f/user-interface-experience/animation-and-motion-systems/physics-motion-dynamics/physics-based-animations/spring-animations.md) — Uses mathematical spring constants to calculate natural movement and bounce effects for UI elements.
- [Dynamic Motion Layouts](https://awesome-repositories.com/f/user-interface-experience/dynamic-motion-layouts.md) — Enhances visual layouts using spring physics, 3D rotations, and mesh gradients for dynamic user interactions. ([source](https://twitter.com/amos_gyamfi))
- [Phase-Based Animators](https://awesome-repositories.com/f/user-interface-experience/phase-based-animators.md) — Sequences multiple animation steps by iterating through a predefined set of values using a phase animator.
- [Morphing Shape Animations](https://awesome-repositories.com/f/user-interface-experience/animation-and-motion-systems/configuration-utility-helpers/animation-properties/canvas-animations/morphing-shape-animations.md) — Provides fluid transitions between different container shapes and layouts using liquid animation effects. ([source](https://cdn.jsdelivr.net/gh/amosgyamfi/open-swiftui-animations@master/README.md))
- [Tactile UI Reactions](https://awesome-repositories.com/f/user-interface-experience/background-effects/background-visual-effects/canvas-visual-effects/ui-visual-effects/tactile-ui-reactions.md) — Creates tactile and bouncy responses to user input using spring-based animations and symbol effects. ([source](https://cdn.jsdelivr.net/gh/amosgyamfi/open-swiftui-animations@master/README.md))
- [Alignment Interpolation](https://awesome-repositories.com/f/user-interface-experience/container-alignment/alignment-interpolation.md) — Implements fluidly shifting child view positions by interpolating between different alignment guides.
- [Reveal Masks](https://awesome-repositories.com/f/user-interface-experience/element-masks/reveal-masks.md) — Hides or reveals content by applying geometric shape overlays that define visible areas.
- [Progress Indicators](https://awesome-repositories.com/f/user-interface-experience/progress-indicators.md) — Builds custom loading states and progress animations including spinning elements and drawing paths.
- [Animated UI Components](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/animated-ui-components.md) — Ships a gallery of pre-made interface elements that integrate motion effects and transitions.

### Graphics & Multimedia

- [3D View Rotations](https://awesome-repositories.com/f/graphics-multimedia/3d-view-rotations.md) — Moves elements around specific anchors or axes to create depth and rotation in 3D environments. ([source](https://cdn.jsdelivr.net/gh/amosgyamfi/open-swiftui-animations@master/README.md))
- [Typing Simulations](https://awesome-repositories.com/f/graphics-multimedia/custom-animation-effects/typing-simulations.md) — Simulates real-time typing and erasing by animating a blinking cursor and sequential character appearance. ([source](https://cdn.jsdelivr.net/gh/amosgyamfi/open-swiftui-animations@master/README.md))
- [Path Interpolation Animations](https://awesome-repositories.com/f/graphics-multimedia/graphics-and-media/shape-drawing/path-stroking/path-interpolation-animations.md) — Simulates the drawing or erasing of lines and signatures by animating path trimming.
- [Spatial Rotations](https://awesome-repositories.com/f/graphics-multimedia/spatial-rotations.md) — Positions elements relative to specific anchors to create three dimensional movement and orbital rotations.

### Software Engineering & Architecture

- [Visual State Transitions](https://awesome-repositories.com/f/software-engineering-architecture/state-transition-models/visual-state-transitions.md) — Changes visual interface states by mapping boolean or enum values to specific layout properties.

### Web Development

- [Content Transition Effects](https://awesome-repositories.com/f/web-development/content-transition-effects.md) — Enables the seamless swapping of symbols or icons using phase animators for smooth replacements. ([source](https://cdn.jsdelivr.net/gh/amosgyamfi/open-swiftui-animations@master/README.md))