SwiftUI feedback and loading states
Skeleton loading with a shimmer, a loading-to-checkmark morph, success and error screens, an animated like button and a scrubbable star rating.
About these pieces
One self-contained Swift file each, Apple frameworks only, from iOS 17.
Skeleton Loader turns any layout into one quiet placeholder shape with a soft highlight sweeping on a shared clock, then hands off as content unblurs and rises row by row. Status Morph is one continuous stroke that spins while loading, closes into a ring and draws a check on success or a cross on failure. Outcome Screen gives success, failure and empty states one shared choreography, with async retry.
Reaction Toggle is a like or save toggle that floods its capsule from the symbol outward and can roll a count. Rating Scrub is a star rating you tap or scrub, with the star under your finger lifting as you go.
Learn the technique: SwiftUI loading states guide, SwiftUI haptics guide.
Questions
How the pieces work, and how to build the same thing yourself. Every piece's page has its full notes.
How do I make a skeleton loading view in SwiftUI?
The quickest start is .redacted(reason: .placeholder) on your real layout, then a moving gradient mask for the shimmer. Skeleton Loader adds a synchronized sweep and a staged handoff to real content.
How do I animate a checkmark in SwiftUI?
Draw the check as a Path and animate its trim(from:to:) from 0 to 1. Status Morph and Outcome Screen both draw their marks this way, joined to a loading ring.
Keep browsing
Nearby collections, then every category in the library.
- SheetsToasts, confirmations and permission moments.3
- Buttons and controlsButtons and dials with press depth, hold, drag and outcome states.5
- AIStreaming replies, thinking states, prompt chips and code.6
- 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
- Inputs and formsTracks, steppers, rails and fields built for the thumb.9
- CardsCards with depth, motion, parallax and gesture-driven stacks.4
- ListsRows and carousels with swipe, depth and completion physics.5
- NavigationFloating docks, tracking tabs and stretchy headers.3
- MotionGesture modifiers with real physics.1
- Data and chartsScrubbable charts, rings, live stats and odometers.4
- MediaPhoto viewing and story playback.2
- AnimationsSprings, gesture physics, transitions and morphs, across every category.16
- HapticsPieces that tick, tap and confirm at the moment that matters.19
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.