SwiftUI animations
Animated SwiftUI components with the motion already tuned: springs, gesture physics, transitions and morphs you copy into your app.
About these pieces
One self-contained Swift file each, Apple frameworks only, from iOS 17.
Good motion in SwiftUI is mostly springs and state: a spring that hands off the finger's velocity, transitions that agree on one clock, and an animation that respects Reduce Motion. Every piece in this collection is animated that way, and each one documents its spring values and thresholds in its notes.
Start with Swipe Deck and Flip Card for gesture-driven motion, Text Reveal and Odometer for type and numbers, Status Morph and Commit Button for state changes, and Depth Carousel and Stretch Header for scroll-driven motion.
Learn the technique: SwiftUI animations guide, SwiftUI cards guide.
Questions
How the pieces work, and how to build the same thing yourself. Every piece's page has its full notes.
What is the best animation to use in SwiftUI?
Springs, in most cases. .spring(duration:bounce:) (iOS 17) is easy to tune, continues smoothly from a gesture's velocity and never ends abruptly. Use easing curves for fades and progress that should not overshoot.
Do these animations respect Reduce Motion?
Yes. Each piece reads accessibilityReduceMotion and swaps large movement for fades or no motion, as described on its page.
Keep browsing
Nearby collections, then every category in the library.
- CardsCards with depth, motion, parallax and gesture-driven stacks.4
- MotionGesture modifiers with real physics.1
- HapticsPieces that tick, tap and confirm at the moment that matters.19
- TextType that reveals, expands and renders as glass.3
- BackgroundsQuiet atmospheres: a Metal silk shader and a touch-reactive dot grid.2
- Liquid GlassCorrect iOS 26 Liquid Glass with Material fallbacks.3
- Buttons and controlsButtons and dials with press depth, hold, drag and outcome states.5
- Inputs and formsTracks, steppers, rails and fields built for the thumb.9
- ListsRows and carousels with swipe, depth and completion physics.5
- NavigationFloating docks, tracking tabs and stretchy headers.3
- SheetsToasts, confirmations and permission moments.3
- FeedbackReactions, ratings, status morphs, skeletons and outcomes.5
- Data and chartsScrubbable charts, rings, live stats and odometers.4
- AIStreaming replies, thinking states, prompt chips and code.6
- MediaPhoto viewing and story playback.2
Ready to build something better?
55 pieces, one file each, yours to keep. Start with the library or see what the whole app looks like.