# Swifolio

> A library of SwiftUI designs with their full source code: screens, components and whole app UIs for iPhone, iPad, Mac and Apple Watch. Each design shows a real recording of it running, and members can copy or download the code, or build with it from Claude, ChatGPT or Cursor through the Swifolio MCP.

## Pages

- [Designs](https://swifolio.com/designs): browse and search every design by category and device
- [MCP](https://swifolio.com/mcp): connect Swifolio to Claude, ChatGPT or Cursor to build apps from these designs
- [Pricing](https://swifolio.com/pricing): what's free and what membership unlocks

## Effects & Animations

- [Netflix-Style UI Animations](https://swifolio.com/designs/netflix-style-ui-animations): Netflix-style Who's Watching picker where the avatar you tap glides down into the tab bar. (iPhone, iOS 18+)
- [Universal Hero Effect](https://swifolio.com/designs/universal-hero-effect): List icon that flies into whatever opens next, sheet or full screen, and back again on close. (iPhone, iOS 18+)
- [Shine Effect Modifier](https://swifolio.com/designs/shine-effect-modifier): Shine effect that sweeps a band of light across any view, good for a button you want noticed. (iPhone, iOS 18+)
- [Telegram-Style Dark Mode Transition](https://swifolio.com/designs/telegram-style-dark-mode-transition): Telegram-style dark mode switch where the new theme spreads out in a circle from the button. (iPhone, iOS 18+)
- [Transparent Blur Effect](https://swifolio.com/designs/transparent-blur-effect): Pinned header that blurs whatever scrolls under it, with no tint. Good over photos or articles. (iPhone, iOS 17+)
- [Keyframe Animations](https://swifolio.com/designs/keyframe-animations): Tap the button and the icon squashes, hops up, wiggles in the air and lands, with a mirror reflection below. (iPhone, iOS 18+)
- [Gooey Shape Morphing Effect](https://swifolio.com/designs/gooey-shape-morphing-effect): Tap a share button and it stretches into five gooey blobs that pop out as social icons, then melts back together. (iPhone, iOS 18+)
- [Particle Effect Animations](https://swifolio.com/designs/particle-effect-animations): Tap a heart, star or share button and a little burst of matching icons springs out and fades away. (iPhone, iOS 18+)
- [Shimmer Animation Effect](https://swifolio.com/designs/shimmer-animation-effect): A light sweep that glides over text, icons and skeleton placeholders while content loads. (iPhone, iOS 18+)
- [Book App UI – Matched Geometry – Part 2](https://swifolio.com/designs/book-app-ui-matched-geometry-part-2): Book cards fold back in 3D as you scroll, and tapping one flies its cover into a detail page. (iPhone, iOS 18+)
- [Magnifying Glass Effect](https://swifolio.com/designs/magnifying-glass-effect): Drag a magnifying glass over a photo to zoom in, with sliders for zoom, lens size and handle angle. (iPhone, iOS 18+)
- [Canvas Shape Morphing](https://swifolio.com/designs/canvas-shape-morphing): A photo cut into an icon shape that melts gooily into the next one when you pick it. (iPhone, iOS 18+)
- [Matched Geometry, Masking & Lottie Transitions](https://swifolio.com/designs/matched-geometry-masking-lottie-transitions): Scratch off a card with your finger to reveal a prize that pops to the center with confetti. (iPhone, iOS 18+)
- [SceneKit 3D Pizza Animation](https://swifolio.com/designs/scenekit-3d-pizza-animation): Top a pizza, then tap Add to cart and watch it drop into a 3D box that closes and flies into the cart. (iPhone, iOS 18+)
- [Dab Skeleton Animation](https://swifolio.com/designs/dab-skeleton-animation): A skeleton drops in bone by bone and hits a dab over a blinking pixel GAME OVER, good for a game's end screen. (iPhone, iOS 18+)
- [Matrix Rain Effect](https://swifolio.com/designs/matrix-rain-effect): Green glyphs rain down the screen in fading columns, straight out of The Matrix. (iPhone, iOS 18+)
- [Pizza App UI – Complex Animations](https://swifolio.com/designs/pizza-app-ui-complex-animations): Tap a topping and it rains onto the pizza, then pick a size and watch the price count up. (iPhone, iOS 18+)
- [Juice App UI – Hero Animations](https://swifolio.com/designs/juice-app-ui-hero-animations): Tap Buy Now and the juice photo flies into a colourful product page with copies fanned behind. (iPhone, iOS 18+)

## Buttons & Controls

- [Apple Sports-Style Timeline Slider](https://swifolio.com/designs/apple-sports-style-timeline-slider): Drag either edge to stretch a range across icons, Apple Sports-style, and the list below filters. (iPhone, iOS 18+)
- [Photos-Style 2D Positional Slider](https://swifolio.com/designs/photos-style-2d-positional-slider): Photos-style dot pad you drag to pick an X and Y position, like the light direction. (iPhone, iOS 18+)
- [Family-Style Morphing FAB Menu](https://swifolio.com/designs/family-style-morphing-fab-menu): Plus button that morphs into a menu card, then into a full screen, Family-style. (iPhone, iOS 18+)
- [Stretchy Slider](https://swifolio.com/designs/stretchy-slider): Control Center-style slider that stretches like a rubber band when you drag past the end. (iPhone, iOS 18+)
- [Keyframe Animated Button](https://swifolio.com/designs/keyframe-animated-button): Login button that turns into a spinner, then a green check or a red wiggle with the error. (iPhone, iOS 18+)
- [Keyframe Repeatable Button](https://swifolio.com/designs/keyframe-repeatable-button): Plus/minus stepper where the old number floats up and fades as the new one lands. (iPhone, iOS 18+)
- [Native Video Picker](https://swifolio.com/designs/native-video-picker): Pick a video from the photo library and it plays right away in the built-in player, with a button to clear it. (iPhone, iOS 18+)
- [Context Menu Reactions](https://swifolio.com/designs/context-menu-reactions): Long press a chat bubble to pop up a glass emoji bar, then tap one to burst a reaction onto the message. (iPhone, iOS 18+)
- [Rolling Counter](https://swifolio.com/designs/rolling-counter): A number whose digits roll like an odometer to each new value, adding or dropping places as it goes. (iPhone, iOS 18+)
- [Native PhotosPicker](https://swifolio.com/designs/native-photospicker): Pick one photo or a bunch from your library and flip through them in a paged carousel. (iPhone, iOS 18+)
- [Apple Sleep Time Circular Slider](https://swifolio.com/designs/apple-sleep-time-circular-slider): Drag the moon and alarm around a 24 hour dial to set bedtime and wake up, with your sleep hours counting live. (iPhone, iOS 17+)
- [Image Color Picker](https://swifolio.com/designs/image-color-picker): Drag the eyedropper over a photo to grab any colour and its hex code, then use it across your app. (iPhone, iOS 17+)
- [VPN App UI](https://swifolio.com/designs/vpn-app-ui): Pull down a big capsule switch to connect, and the screen goes green with your server over a map. (iPhone, iOS 18+)
- [Bill Split App](https://swifolio.com/designs/bill-split-app): Split a bill with a slider per friend, and each person's share updates as you drag. (iPhone, iOS 18+)

## Cards & Carousels

- [Apple Wallet Card Animation](https://swifolio.com/designs/apple-wallet-card-animation): Tap a card in the Wallet-style stack and it pops to the top with its transactions underneath. (iPhone, iOS 18+)
- [Wallet App UI Animations](https://swifolio.com/designs/wallet-app-ui-animations): Tap a card in the stack and it stretches into a header while its transactions slide up. (iPhone, iOS 18+)
- [VisualEffect Stacked Cards](https://swifolio.com/designs/visualeffect-stacked-cards): Tilted stack of cards where swiping peels off the front one and the next straightens up. (iPhone, iOS 18+)
- [CoverFlow](https://swifolio.com/designs/coverflow): Cover Flow like old iTunes, with side cards turned in 3D and a mirrored reflection. (iPhone, iOS 18+)
- [Scroll API Swipe Actions](https://swifolio.com/designs/scroll-api-swipe-actions): Swipe a message left to reveal bookmark and delete buttons. Works in any scroll view, not just lists. (iPhone, iOS 17+)
- [Circular Carousel – ScrollTransition](https://swifolio.com/designs/circular-carousel-scrolltransition): Round photos ride a curved arc as you scroll, and the big card above changes to match. (iPhone, iOS 18+)
- [Material-Inspired Carousel Slider](https://swifolio.com/designs/material-inspired-carousel-slider): A photo carousel where the front card opens wide and the rest squeeze into slim slivers as you flick through. (iPhone, iOS 18+)
- [Page Curl Swipe-To-Delete](https://swifolio.com/designs/page-curl-swipe-to-delete): Drag a card left and it curls back like paper to show a red trash strip, then tap the trash to peel it away. (iPhone, iOS 18+)
- [3D Parallax Card Animation](https://swifolio.com/designs/3d-parallax-card-animation): A product card that tilts in 3D under your finger while the photo floats above it, then springs back flat. (iPhone, iOS 18+)
- [Wallet App – Sequenced Animations](https://swifolio.com/designs/wallet-app-sequenced-animations): Side tab that opens into a wallet as the cards flip up one by one and balances roll in. (iPhone, iOS 18+)
- [Interactive 3D Carousel](https://swifolio.com/designs/interactive-3d-carousel): Drag to spin a ring of photo cards in 3D, and add or remove cards as it re-spaces itself. (iPhone, iOS 18+)
- [Boomerang Card Effect](https://swifolio.com/designs/boomerang-card-effect): Flick the top card up and it spins away, then drops to the back of the deck. Good for wallets or photo stacks. (iPhone, iOS 18+)
- [Glassmorphism Card](https://swifolio.com/designs/glassmorphism-card): Flip a switch and a frosted card turns to glass, then drag it over glowing orbs and watch the blur follow. (iPhone, iOS 18+)
- [Animated Header – Hide On Swipe](https://swifolio.com/designs/animated-header-hide-on-swipe): A YouTube-style top bar that slides away as you scroll the feed and pops back the moment you scroll up. (iPhone, iOS 18+)
- [Pizza App UI – Custom Slider](https://swifolio.com/designs/pizza-app-ui-custom-slider): Swipe to spin the pizza into the next one, and pick a size with a sliding dot. (iPhone, iOS 18+)
- [Music App UI – Custom Page Scroll](https://swifolio.com/designs/music-app-ui-custom-page-scroll): Album sleeves on a 3D shelf, and the vinyl slides back in and rolls out as you swipe. (iPhone, iOS 18+)
- [Liquid Transition Card Animation](https://swifolio.com/designs/liquid-transition-card-animation): Tap a word card and its meaning drips out below it like liquid, then snaps back on the next tap. (iPhone, iOS 18+)
- [Apple Wallet Webpage Scroll Animation](https://swifolio.com/designs/apple-wallet-webpage-scroll-animation): Scroll and the Wallet icon zooms to fill the screen, then each card slides up to take its place, like Apple's site. (iPhone, iOS 18+)
- [Banking App UI – MVVM](https://swifolio.com/designs/banking-app-ui-mvvm): Credit card flips into place while colour swatches fan out, and tapping one recolours it. (iPhone, iOS 18+)
- [Fitness App Infinite Carousel](https://swifolio.com/designs/fitness-app-infinite-carousel): Onboarding cards that loop forever, so the first one comes back around after the last. (iPhone, iOS 17+)
- [Tinder-Style Dating App UI](https://swifolio.com/designs/tinder-style-dating-app-ui): Tinder-style profile cards that tint green or red as you drag, then fly off or spring back. (iPhone, iOS 18+)
- [Salad App UI](https://swifolio.com/designs/salad-app-ui): Dark salad menu where add buttons spring into checkmarks and a dot slides along the tab bar. (iPhone, iOS 18+)
- [Story App UI](https://swifolio.com/designs/story-app-ui): Fanned stack of story cards you drag left to send away or right to pull back. (iPhone, iOS 18+)

## Tab Bars & Navigation

- [Instagram-Style Feed-to-Camera Swipe](https://swifolio.com/designs/instagram-style-feed-to-camera-swipe): Drag right on the feed and a full-screen camera slides in with Post, Story, Reel and Live modes, Instagram-style. (iPhone, iOS 18+)
- [Photos-Style Tab Bar](https://swifolio.com/designs/photos-style-tab-bar): Photos-style tab bar that shrinks to one button as you scroll, with a Years / Months / All picker beside it. (iPhone, iOS 18+)
- [Instagram-Style Minimizable Tab Bar](https://swifolio.com/designs/instagram-style-minimizable-tab-bar): Instagram-style tab bar that shrinks as you scroll and springs back when you touch it. (iPhone, iOS 18+)
- [Apple Mail-Style Segmented Tab Bar](https://swifolio.com/designs/apple-mail-style-segmented-tab-bar): Apple Mail-style category capsules where the picked one opens up with its name and the rest shrink to icons. (iPhone, iOS 18+)
- [Fitness App – Tab Bar & Search Bar](https://swifolio.com/designs/fitness-app-tab-bar-search-bar): Row of category tabs that ends in a search button, which expands into a full-width search bar. (iPhone, iOS 18+)
- [Threads-Style Swipe-to-Dismiss](https://swifolio.com/designs/threads-style-swipe-to-dismiss): Threads-style pull past the last reply and a ring fills up, then let go to pop back to the feed. (iPhone, iOS 18+)
- [Apple Store-Style Minimizable Tab Bar](https://swifolio.com/designs/apple-store-style-minimizable-tab-bar): Apple Store-style tab bar that slides away as you scroll down the feed and comes back when you scroll up. (iPhone, iOS 18+)
- [Find My-Style Custom Tab Bar](https://swifolio.com/designs/find-my-style-custom-tab-bar): Find My-style glass sheet over a map with its own tab bar for People, Devices, Items and Me. (iPhone, iOS 18+)
- [Mail-Style Tab Bar](https://swifolio.com/designs/mail-style-tab-bar): Mail-style category chips where the picked one opens into a coloured pill and filters the inbox. (iPhone, iOS 18+)
- [Elastic Segmented Control](https://swifolio.com/designs/elastic-segmented-control): Segmented control whose highlight stretches over to the tapped segment, then snaps in behind it. (iPhone, iOS 18+)
- [Pop To Root On Tab Tap](https://swifolio.com/designs/pop-to-root-on-tab-tap): Tap the tab you're already on to jump straight back to its first screen, however deep you went. (iPhone, iOS 18+)
- [Scrollable Tab View](https://swifolio.com/designs/scrollable-tab-view): Pill tab bar where the highlight follows your finger as you swipe between pages. Good for Chats, Calls, Settings. (iPhone, iOS 18+)
- [Hide Navigation Bar On Swipe](https://swifolio.com/designs/hide-navigation-bar-on-swipe): Chat list where the nav bar slides away when you swipe up and comes back when you swipe down. (iPhone, iOS 18+)
- [Animated SF Symbol Tab Icons](https://swifolio.com/designs/animated-sf-symbol-tab-icons): Floating tab bar whose icons bounce when tapped, with a switch for bouncing up or down. (iPhone, iOS 18+)
- [Scroll To Hide Tab Bar – iOS 17](https://swifolio.com/designs/scroll-to-hide-tab-bar-ios-17): Tab bar that hides when you flick the feed up and comes back when you scroll down. (iPhone, iOS 18+)
- [Orientation-Aware Tab Bar](https://swifolio.com/designs/orientation-aware-tab-bar): Tab bar with a curved bump that springs over to the tab you tap, lifting its icon into a bubble. (iPhone, iOS 18+)
- [Deep Linking TabView & NavigationStack](https://swifolio.com/designs/deep-linking-tabview-navigationstack): Open links like myapp:// and land on the right tab and screen. Good for push notifications and widgets. (iPhone, iOS 18+)
- [Infinite Page Tab View](https://swifolio.com/designs/infinite-page-tab-view): Photo pages you can swipe forever in either direction, with page dots that wrap from the last back to the first. (iPhone, iOS 17+)
- [Auto-Scrolling Tab Indicators](https://swifolio.com/designs/auto-scrolling-tab-indicators): Category tabs that slide along with a swiped photo pager so the active one always sits centred over the indicator. (iPhone, iOS 18+)
- [PlayStation-Style Animated Tab Bar](https://swifolio.com/designs/playstation-style-animated-tab-bar): PlayStation-style tab bar with icons on a curve and a glowing blue marker that swings to the one you tap. (iPhone, iOS 18+)
- [Sticky Header – Auto-Scrolling Tabs](https://swifolio.com/designs/sticky-header-auto-scrolling-tabs): Store list with a pinned tab strip: tap a tab to jump to its section, or scroll and the tab follows along. (iPhone, iOS 18+)
- [Micro-Interaction Tab Icons](https://swifolio.com/designs/micro-interaction-tab-icons): Tab bar where every icon plays its own little bounce, pop or ring when you tap it. (iPhone, iOS 18+)
- [Popups With Navigation View](https://swifolio.com/designs/popups-with-navigation-view): A floating card that pops up over the screen and lets you tap through pages inside it. (iPhone, iOS 18+)
- [Navigation Bar Title Colors](https://swifolio.com/designs/navigation-bar-title-colors): Pick a color for the navigation bar and its title, and it sticks as you scroll and push screens. (iPhone, iOS 18+)
- [3D Navigation Drawer](https://swifolio.com/designs/3d-navigation-drawer): Tap the menu and the page tilts away in 3D to reveal a side menu, with a pill that slides to the tab you pick. (iPhone, iOS 18+)
- [E-Commerce App UI – Curved Tab Bar](https://swifolio.com/designs/e-commerce-app-ui-curved-tab-bar): Sneaker shop with product cards that open into a detail page and a tab bar with a curved notch for the cart. (iPhone, iOS 18+)
- [Gmail-Style Scroll-to-Hide Tab Bar](https://swifolio.com/designs/gmail-style-scroll-to-hide-tab-bar): Gmail-style inbox where the tab bar hides as you scroll and the Compose button shrinks to a pencil. (iPhone, iOS 18+)
- [Food App UI – Custom Tab Bar](https://swifolio.com/designs/food-app-ui-custom-tab-bar): Food delivery home with category chips and a floating tab bar whose pink dot slides between tabs. (iPhone, iOS 18+)
- [Medium-Style Sticky Footer](https://swifolio.com/designs/medium-style-sticky-footer): Medium-style action bar with clap, share and bookmark that floats over an article and settles at the end. (iPhone, iOS 18+)
- [Course App UI – Custom Tab Bar](https://swifolio.com/designs/course-app-ui-custom-tab-bar): Course app with a floating tab bar over swipeable pages and a photo grid of course categories. (iPhone, iOS 18+)

## Scroll Lists & Grids

- [Parallax Scroll Effect](https://swifolio.com/designs/parallax-scroll-effect): Photos in a long article that drift slower than the page, so each one slides inside its frame. (iPhone, iOS 18+)
- [Infinite Looping ScrollView](https://swifolio.com/designs/infinite-looping-scrollview): Card rows that loop forever in both directions. Good for featured carousels or category tiles. (iPhone, iOS 18+)
- [Complex Scroll Animations](https://swifolio.com/designs/complex-scroll-animations): Swipe through balance cards, then scroll up and the chosen card grows into a big header over the expense list. (iPhone, iOS 18+)
- [SwiftData Expense Tracker App](https://swifolio.com/designs/swiftdata-expense-tracker-app): Expense log grouped by day with category tags, swipe to delete and a tab that totals each category. (iPhone, iOS 18+)
- [Animated Tags View – Layout API](https://swifolio.com/designs/animated-tags-view-layout-api): Tap topic chips to fly them into a picked row, and Continue lights up at three. Good for an interests step. (iPhone, iOS 18+)
- [Radial Layout With Gestures](https://swifolio.com/designs/radial-layout-with-gestures): Spin a ring of icons with your finger and it snaps to the nearest one. A dial-style picker. (iPhone, iOS 18+)
- [Kanban Board – Drag & Drop](https://swifolio.com/designs/kanban-board-drag-drop): Kanban board where you drag cards between columns and the others slide apart to make room. (iPhone, iOS 18+)
- [Elastic Scroll](https://swifolio.com/designs/elastic-scroll): Message rows that spread apart like a spring when you pull past the top or bottom of the list. (iPhone, iOS 18+)
- [Velocity-Aware Resizable Sticky Header](https://swifolio.com/designs/velocity-aware-resizable-sticky-header): Profile header that shrinks into a small sticky bar as you scroll, snapping open or shut when you let go. (iPhone, iOS 18+)
- [Book App UI – Matched Geometry – Part 1](https://swifolio.com/designs/book-app-ui-matched-geometry-part-1): Book cards that fold back in 3D as they scroll off the top, with a snap-to-card carousel mode. (iPhone, iOS 18+)
- [Firebase Social Media App – Final Part](https://swifolio.com/designs/firebase-social-media-app-final-part): Social feed with likes and dislikes, a post editor with photo attach, user search and a profile tab. (iPhone, iOS 17+)
- [Firebase Social Media App – Parts 3 & 4](https://swifolio.com/designs/firebase-social-media-app-parts-3-4): Post feed with likes and dislikes, a compose button for text and photo posts, and a profile with your posts. (iPhone, iOS 17+)
- [Spotify-Style Sticky Header](https://swifolio.com/designs/spotify-style-sticky-header): Spotify-style artist page where the big artwork stretches on pull and Shuffle Play sticks as you scroll. (iPhone, iOS 18+)
- [Labelled ScrollView Indicator](https://swifolio.com/designs/labelled-scrollview-indicator): A letter bubble rides the scroll bar and shows which section you're in, then tucks away when you stop. (iPhone, iOS 18+)
- [Dynamic Section ScrollView](https://swifolio.com/designs/dynamic-section-scrollview): Drag the A to Z knob and the letters bend out in a curve as the contact list jumps to that section. (iPhone, iOS 18+)
- [Metaball Animation – Canvas](https://swifolio.com/designs/metaball-animation-canvas): Drag a ball and it stretches out like goo, or tap to scatter a cluster of blobs that melt together. (iPhone, iOS 18+)
- [Grid Magnification Effect](https://swifolio.com/designs/grid-magnification-effect): Press a grid of tiles and they bulge into a lens under your finger, then settle back when you let go. (iPhone, iOS 18+)
- [Core Motion 3D Parallax](https://swifolio.com/designs/core-motion-3d-parallax): Travel cards whose photo layers shift in depth as you tilt your phone. Swipe to flip through places. (iPhone, iOS 18+)
- [Tasks App – Core Data CRUD](https://swifolio.com/designs/tasks-app-core-data-crud): Simple to-do list where you add a task for today or tomorrow and long-press to edit or delete it. (iPhone, iOS 18+)
- [Firebase Food Ordering App](https://swifolio.com/designs/firebase-food-ordering-app): Food delivery app with dish cards, a side menu with cart badge and a cart with quantity steppers. (iPhone, iOS 18+)

## Onboarding & Auth

- [App Permissions Sheet](https://swifolio.com/designs/app-permissions-sheet): One sheet that asks for every permission your app needs and ticks each off as it's granted. (iPhone, iOS 18+)
- [In-App Interaction Tips](https://swifolio.com/designs/in-app-interaction-tips): A tiny iPhone that acts out tap, hold, pinch and swipe on loop, handy for teaching a gesture. (iPhone, iOS 18+)
- [Sign in With Apple – Firebase](https://swifolio.com/designs/sign-in-with-apple-firebase): Sign in with Apple screen with a photo up top that drops you on a home screen with a log out button. (iPhone, iOS 18+)
- [Biometric Number Lock Screen](https://swifolio.com/designs/biometric-number-lock-screen): PIN lock screen with a glass keypad that tries Face ID first and wiggles on a wrong code. (iPhone, iOS 18+)
- [Login UI Kit](https://swifolio.com/designs/login-ui-kit): Login with an orange glow that drifts as sign-up slides in, plus OTP code, forgot password and reset sheets. (iPhone, iOS 18+)
- [App Intro Animations](https://swifolio.com/designs/app-intro-animations): A dot sweeps out each intro line and flips the screen colour, looping above sign-in buttons. (iPhone, iOS 18+)
- [Intro Walkthrough With Login Page](https://swifolio.com/designs/intro-walkthrough-with-login-page): Intro pages that split apart on Next, photo up and text down, ending on a sign-up form that lifts over the keyboard. (iPhone, iOS 18+)
- [Walkthrough Page Intro Animations – Part 2](https://swifolio.com/designs/walkthrough-page-intro-animations-part-2): Three onboarding slides where the art and text slide in one after another, with Next, Back, Skip and a button that grows into Login. (iPhone, iOS 17+)
- [Firebase Social Media App – Part 2](https://swifolio.com/designs/firebase-social-media-app-part-2): Sign in, sign up, then a profile page with photo, bio and link, plus log out and delete account. (iPhone, iOS 17+)
- [Walkthrough Page Intro Animations](https://swifolio.com/designs/walkthrough-page-intro-animations): Onboarding pages where the title, text and photo slide in one after another, and the next button grows into Sign Up. (iPhone, iOS 18+)
- [App Icon Splash Screen Animation](https://swifolio.com/designs/app-icon-splash-screen-animation): Your launch screen logo shrinks into the top bar while the home screen slides up beneath it. (iPhone, iOS 18+)
- [Minimal App Animations](https://swifolio.com/designs/minimal-app-animations): Purple splash where the wallet logo turns into a calendar and transaction cards cascade in. Good for a money app. (iPhone, iOS 18+)
- [E-Commerce App – Onboarding & Sign In](https://swifolio.com/designs/e-commerce-app-onboarding-sign-in): Tap Get started and a sign-in page slides up, with a show password toggle and a quick switch to sign up. (iPhone, iOS 18+)
- [Netflix-Style Splash Screen](https://swifolio.com/designs/netflix-style-splash-screen): Netflix-style intro where a red N unfolds into the full name, then fades to a welcome screen. (iPhone, iOS 18+)

## Charts Progress & Time

- [Progress-Based Hero Animation](https://swifolio.com/designs/progress-based-hero-animation): Tap a row and its round avatar grows into a header photo, and an edge swipe scrubs it back. (iPhone, iOS 18+)
- [Interactive Pie & Donut Charts](https://swifolio.com/designs/interactive-pie-donut-charts): Donut chart you tap to read each month, and it morphs into a pie or bar chart. (iPhone, iOS 18+)
- [Task Management App UI – MVVM – Part 2](https://swifolio.com/designs/task-management-app-ui-mvvm-part-2): Day planner with an hourly task timeline and a new-task form that floods with colour. (iPhone, iOS 18+)
- [Swift Charts Analytics App](https://swifolio.com/designs/swift-charts-analytics-app): Analytics bar chart you drag across to see each hour's count, and it flips to an area line. (iPhone, iOS 18+)
- [Pomodoro Focus Timer – MVVM](https://swifolio.com/designs/pomodoro-focus-timer-mvvm): Focus timer with a glowing ring that sweeps down as the seconds count off. (iPhone, iOS 17+)
- [Crypto App – Live Line Graph](https://swifolio.com/designs/crypto-app-live-line-graph): Crypto price chart that draws itself in, and you drag across it to read the price. (iPhone, iOS 18+)
- [Expense Tracker UI – MVVM](https://swifolio.com/designs/expense-tracker-ui-mvvm): Tap a month and the speedometer needle swings while the savings total counts up to match. (iPhone, iOS 18+)
- [Minimal Fitness App Animations](https://swifolio.com/designs/minimal-fitness-app-animations): Dark fitness dashboard where tapping a day springs the rings and step bars to its numbers. (iPhone, iOS 18+)
- [Core Data Task Management App](https://swifolio.com/designs/core-data-task-management-app): Tap a day in the week strip and see that day's tasks on a timeline you can tick off. (iPhone, iOS 17+)
- [Wallet App UI – Shapes & Segmented Picker](https://swifolio.com/designs/wallet-app-ui-shapes-segmented-picker): Weekly spending screen with an Incomings/Outgoings switch and a ring for each day's total. (iPhone, iOS 18+)
- [Timer App – Background Fetch](https://swifolio.com/designs/timer-app-background-fetch): Pick a few seconds, tap start and a pink panel drains as it counts down. Keeps time in the background too. (iPhone, iOS 18+)

## Sheets & Popups

- [Find My-Style Multi-Sheet Tab Bar](https://swifolio.com/designs/find-my-style-multi-sheet-tab-bar): Find My-style map where the tab bar lives in a sheet and tapping a device stacks a detail sheet on top. (iPhone, iOS 18+)
- [YouTube Shorts-Style Resizing Sheet](https://swifolio.com/designs/youtube-shorts-style-resizing-sheet): YouTube Shorts-style comments sheet where the video shrinks to stay in view as you drag the sheet up. (iPhone, iOS 18+)
- [App Update Checker](https://swifolio.com/designs/app-update-checker): Checks the App Store for a newer version and pops up a little sheet asking people to update. (iPhone, iOS 18+)
- [Apple Maps-Style Bottom Sheet – iOS 16](https://swifolio.com/designs/apple-maps-style-bottom-sheet-ios-16): Apple Maps-style sheet you drag between peek, half and full over a map, sitting above the tab bar. (iPhone, iOS 18+)
- [Share Sheet Extension](https://swifolio.com/designs/share-sheet-extension): Share extension that lets people save photos from Photos or Safari straight into your app's favourites. (iPhone, iOS 18+)
- [In-App Notifications](https://swifolio.com/designs/in-app-notifications): Notifications that grow out of the Dynamic Island or slide down as a banner, then swipe away. (iPhone, iOS 18+)
- [Find My-Style Bottom Sheets](https://swifolio.com/designs/find-my-style-bottom-sheets): Find My-style map with a sheet you drag up and down, and tabs that swap the list and the pins. (iPhone, iOS 17+)
- [Dynamic Height Sheet](https://swifolio.com/designs/dynamic-height-sheet): Bottom sheet that grows to fit each page as it goes from a welcome card to a sign-up form. (iPhone, iOS 17+)
- [Native Popovers](https://swifolio.com/designs/native-popovers): Real arrow popovers on iPhone, with a pick of arrow direction and a tinted background. (iPhone, iOS 18+)
- [Transparent Material Bottom Sheets](https://swifolio.com/designs/transparent-material-bottom-sheets): A bottom sheet with a frosted see-through background, so the map behind it stays visible as you drag it up and down. (iPhone, iOS 17+)
- [Popup Image Picker](https://swifolio.com/designs/popup-image-picker): A photo grid pops up over a blur, you tap pictures to number them in order and add them to a gallery. (iPhone, iOS 18+)

## Text & Input

- [Perplexity-Style Animated Bottom Bar](https://swifolio.com/designs/perplexity-style-animated-bottom-bar): Perplexity-style ask bar with a glowing ring that opens into a bigger composer with mic and search buttons. (iPhone, iOS 18+)
- [Tag TextField](https://swifolio.com/designs/tag-textfield): Text field that turns each comma-separated word into a coloured tag. Good for keywords or skills. (iPhone, iOS 18+)
- [Isometric Transforms](https://swifolio.com/designs/isometric-transforms): Tap and a flat photo tilts into a thick 3D isometric slab, then springs back flat. (iPhone, iOS 18+)
- [Water Drop Waveform](https://swifolio.com/designs/water-drop-waveform): A water drop with a rolling wave inside that fills up each time you tap plus. Good for a hydration tracker. (iPhone, iOS 18+)
- [Apple Music-Style Marquee Text](https://swifolio.com/designs/apple-music-style-marquee-text): Text too long to fit glides sideways in a loop with soft faded edges, like song titles in Apple Music. (iPhone, iOS 17+)

## Chat & Messaging

- [Messenger-Style Gradient Bubbles](https://swifolio.com/designs/messenger-style-gradient-bubbles): Messenger-style bubbles that shift colour through one gradient as you scroll. (iPhone, iOS 18+)
- [iMessage-Style Stacked Image Slider](https://swifolio.com/designs/imessage-style-stacked-image-slider): iMessage-style photo stack you drag left to flip through and right to bring back. (iPhone, iOS 18+)
- [Stream SDK Chat App](https://swifolio.com/designs/stream-sdk-chat-app): Team chat with a channel list and threads where you can reply to messages. (iPhone, iOS 18+)

## Media & Camera

- [Photos-Style Hero Transitions](https://swifolio.com/designs/photos-style-hero-transitions): Tap a thumbnail to open it full screen, then drag down to shrink it back into the grid, Photos-style. (iPhone, iOS 18+)
- [Camera-Style Segmented Control](https://swifolio.com/designs/camera-style-segmented-control): Camera mode strip you drag sideways, with a yellow lens that snaps to each mode. (iPhone, iOS 18+)
- [Apple Music-Style Bottom Sheet](https://swifolio.com/designs/apple-music-style-bottom-sheet): Apple Music-style mini player that grows into a full-screen player and drags back down. (iPhone, iOS 17+)
- [Photos-Style Transition – Part 1](https://swifolio.com/designs/photos-style-transition-part-1): Photo grid where a tapped photo grows into a pager with a thumbnail strip, and drags back down. (iPhone, iOS 17+)
- [Instagram-Style Reels Feed – Vertical Paging](https://swifolio.com/designs/instagram-style-reels-feed-vertical-paging): Full-screen videos you swipe up through, Reels-style, with double-tap to like. (iPhone, iOS 18+)
- [Screenshot Prevention](https://swifolio.com/designs/screenshot-prevention): Wrap any view so it shows on screen but comes out blank in screenshots and recordings. (iPhone, iOS 18+)
- [YouTube-Style Video Player – Part 2](https://swifolio.com/designs/youtube-style-video-player-part-2): Drag the seeker to see a frame preview, or double-tap a side to skip 5 seconds, YouTube-style. (iPhone, iOS 18+)
- [YouTube-Style Video Player – Part 1](https://swifolio.com/designs/youtube-style-video-player-part-1): YouTube-style player with a red scrubber and controls that fade out while it plays. (iPhone, iOS 18+)
- [Apple Music-Style Matched Geometry Sheet](https://swifolio.com/designs/apple-music-style-matched-geometry-sheet): Mini player above the tab bar that opens into Now Playing, with the artwork flying up. (iPhone, iOS 18+)
- [Image Cropping Tool](https://swifolio.com/designs/image-cropping-tool): Pick a photo, choose a circle or square crop, then drag and zoom it into place before saving. (iPhone, iOS 18+)
- [3D Shoe App UI – SceneKit](https://swifolio.com/designs/3d-shoe-app-ui-scenekit): 3D sneaker you spin with a dashed slider knob, with size chips below. Good for a product page. (iPhone, iOS 18+)
- [ImageRenderer API – Image & PDF](https://swifolio.com/designs/imagerenderer-api-image-pdf): A payment receipt that saves itself as an image and a PDF you can share from the corner buttons. (iPhone, iOS 18+)
- [Instagram-Style Reels Camera – Video Merging](https://swifolio.com/designs/instagram-style-reels-camera-video-merging): Reels-style camera that records several clips and plays them back as one video. (iPhone, iOS 18+)
- [Minimal App Animations – Part 2](https://swifolio.com/designs/minimal-app-animations-part-2): Album covers fan out in 3D, and tapping one flips it into a player with up-next songs. (iPhone, iOS 17+)
- [ReplayKit Screen Recording](https://swifolio.com/designs/replaykit-screen-recording): Floating record button that captures your app's screen and opens the share sheet when you stop. (iPhone, iOS 17+)
- [View to PDF Generator](https://swifolio.com/designs/view-to-pdf-generator): Turn a shopping basket into a PDF with one tap and preview it right away. Good for receipts and order summaries. (iPhone, iOS 18+)
- [Instagram-Style Reels UI](https://swifolio.com/designs/instagram-style-reels-ui): Instagram Reels-style video tab with swipeable full-screen videos and a floating tab bar. (iPhone, iOS 18+)
- [Snapchat-Style Discover Page Animation](https://swifolio.com/designs/snapchat-style-discover-page-animation): Snapchat-style grid where a tile grows into a full-screen video and drags back into place. (iPhone, iOS 18+)

## Widgets & Live Activities

- [Interactive Widgets](https://swifolio.com/designs/interactive-widgets): Home Screen to-do widget where you tick tasks off right there and done ones drop to the bottom. (iPhone, iOS 18+)
- [Dynamic Island Metaball Scroll Effect](https://swifolio.com/designs/dynamic-island-metaball-scroll-effect): A profile avatar that blurs, shrinks and melts into the Dynamic Island as you scroll, while the name pins below it. (iPhone, iOS 18+)
- [Lock Screen Widgets](https://swifolio.com/designs/lock-screen-widgets): A Bitcoin price widget for the Lock Screen and a home screen card with a 7-day chart that goes green or red. (iPhone, iOS 18+)
- [Dynamic Island Progress View](https://swifolio.com/designs/dynamic-island-progress-view): A download ring drips out of the Dynamic Island, fills up, then the island stretches open to say it's done. (iPhone, iOS 18+)
- [Dynamic Island API](https://swifolio.com/designs/dynamic-island-api): Order tracker that lives in the Dynamic Island and on the Lock Screen, popping open as the order moves along. (iPhone, iOS 17+)
- [Dynamic Island In-App Notifications](https://swifolio.com/designs/dynamic-island-in-app-notifications): In-app alerts that grow out of the Dynamic Island and slip back in, queueing one after another. (iPhone, iOS 18+)
- [Lock Screen Live Activities API](https://swifolio.com/designs/lock-screen-live-activities-api): Order tracker card on the Lock Screen that slides in and moves its bubble along as the order gets made. (iPhone, iOS 18+)

## Data & System APIs

- [Animated App Theme Switcher](https://swifolio.com/designs/animated-app-theme-switcher): Pick Dark and the little scene swaps the sun for a moon and stars as the app changes theme. (iPhone, iOS 18+)
- [App Theme Switcher – iOS 18](https://swifolio.com/designs/app-theme-switcher-ios-18): Appearance sheet with live previews of your app in light and dark. Tap one to switch. (iPhone, iOS 17+)
- [SwiftData Pagination](https://swifolio.com/designs/swiftdata-pagination): Long list that loads 50 rows at a time as you scroll to the bottom. (iPhone, iOS 17+)
- [Dark Mode Theme Switch](https://swifolio.com/designs/dark-mode-theme-switch): Theme picker sheet where a sun morphs into a moon as the app switches to dark. (iPhone, iOS 18+)
- [Status Bar Style](https://swifolio.com/designs/status-bar-style): Switch the status bar between white and black on the fly, so it stays readable on any header. (iPhone, iOS 18+)
- [Responsive Adaptive UI – MVVM – Part 3](https://swifolio.com/designs/responsive-adaptive-ui-mvvm-part-3): Restaurant sales dashboard with stat cards and charts, and a side bar that slides in on iPhone and stays pinned on iPad. (iPhone, iOS 18+)
- [Responsive Adaptive UI – MVVM – Part 2](https://swifolio.com/designs/responsive-adaptive-ui-mvvm-part-2): A file storage dashboard whose sidebar slides in on iPhone and stays pinned on iPad, with a storage ring chart. (iPhone, iOS 18+)
- [Deep Linking](https://swifolio.com/designs/deep-linking): Open a link and the app jumps to the right tab and page, with a banner showing the link. (iPhone, iOS 18+)
- [Serverless Firebase Push Notifications](https://swifolio.com/designs/serverless-firebase-push-notifications): Send push notifications from a simple form with no server, then tap the banner to see the payload. (iPhone, iOS 18+)

## Games

- [Firebase Quiz App](https://swifolio.com/designs/firebase-quiz-app): A quiz where each answer lights up right or wrong, cards slide to the next question and you get a score with a medal. (iPhone, iOS 18+)

## Maps & Location

- [Draggable Map Annotations – MapKit](https://swifolio.com/designs/draggable-map-annotations-mapkit): Long-press the pin, drag it anywhere, and it shows you the address. (iPhone, iOS 18+)