Movatterモバイル変換

amosgyamfi/open-swiftui-animationsPublic

NotificationsYou must be signed in to change notification settings
Fork272
Star5.1k

You don't need an animation library to add a simple effect to your SwiftUI app. Create it yourself with SwiftUI. This repo inspires you to add helpful and expressive SwiftUI animations like loading/progress, looping, on-off, enter, exit, fade, spin, and background animations to your next project. The repo also contains tremendous spring animations.

twitter.com/amos_gyamfi

5.1k stars 272 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 77 Commits
GIF_Previews		GIF_Previews
Gists_To_Try		Gists_To_Try
OpenSwiftUIAnimations.xcodeproj		OpenSwiftUIAnimations.xcodeproj
OpenSwiftUIAnimations		OpenSwiftUIAnimations
.DS_Store		.DS_Store
README.md		README.md

Repository files navigation

Open SwiftUI Animations

Pure SwiftUI animation inspirations for your next iOS, macOS, visionOS, and watchOS projects. Enjoy 😊.

Animate Anything With SwiftUI

SwiftUI animation is compelling and superb. With minimal effort, you can add incredible effects and beautiful animations to your apps.Why use an animation library instead of creating these tiny effects yourself? Get inspiration fromhere and start building your SwiftUI animations today. Most animations here are based on the animations section in theApple Developer Documentation. Check out theXcode project for examples of the newPhase Animator, Symbol Effects,Keyframe Animator, andSpring Animations for iOS 17 and beyond. Would you like to see an animation that is not here, or did you find an engaging one to add? Contact me on X:@amos_gyamfi or add it as a task in theproject's backlog.

Starting in 2025, I will generate some of the SwiftUI animations using SOTA models like Gemini 2.5 Pro, Claude 3.7 Sonnet, OpenAI o3, and o4-mini models.

Liquid Glass Shape Morphing Animation With GlassEffectContainer:Gist

import SwiftUIstructLiquidGlassEffectContainer:View{varbody:someView{GlassEffectContainer(spacing:50){PhaseAnimator([false,true]){ morphinHStack(spacing: morph?50.0:-15.0){Button{                        //} label:{Image(systemName:"scribble.variable")}.padding().glassEffect()Button{                        //} label:{Image(systemName:"eraser.fill")}.padding().glassEffect()}.tint(.green).font(.system(size:64.0))} animation:{ morphin                    //.bouncy(duration: 2, extraBounce: 0.5)                    //.easeOut(duration: 2).easeInOut(duration:2)                    //.timingCurve(0.68, -0.6, 0.32, 1.6, duration: 2)}}}}#Preview{LiquidGlassEffectContainer().preferredColorScheme(.dark)}