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.
- Sheets5Toasts, confirmations, permission moments and guided tours.
- Buttons and controls7Buttons and dials with press depth, hold, drag and outcome states.
- AI6Streaming replies, thinking states, prompt chips and answer sources.
- Text4Type that reveals, expands, holds pictures and renders as glass.
- Backgrounds2Quiet atmospheres: a Metal silk shader and a touch-reactive dot grid.
- Liquid Glass5Correct iOS 26 Liquid Glass with Material fallbacks.
- Inputs and forms17Tracks, steppers, rails and fields built for the thumb, down to addresses, map pins and signatures.
- Cards5Cards with depth, motion, parallax and gesture-driven stacks.
- Lists7Rows, grids and carousels with swipe, drag-to-select, follow-the-latest and completion physics.
- Navigation7Floating docks, tracking tabs, stretchy headers and an A to Z index.
- Motion1Gesture modifiers with real physics.
- Data and charts6Scrubbable charts, rings, streak heatmaps, live stats and odometers.
- Media8Photo viewing and cropping, story playback, attachments and link previews.
- Animations16Springs, gesture physics, transitions and morphs, across every category.
- Haptics33Pieces that tick, tap and confirm at the moment that matters.
Ready to build something better?
85 pieces, one file each, yours to keep. Start with the library or see what the whole app looks like.