I started learning SwiftUI 3 Years ago, and I loved it very much, and here I am sharing everything I learn with you, and I will always be happy to help you.Welcome and thank you for the support.
Build a Duolingo‑style XP reward/victory screen in SwiftUI, featuring stars following a curved path, an animated XP counter, and a bolt burst effect. Demonstrates composing and sequencing multiple animations with SwiftUI state and animation primitives to deliver polished, celebratory feedback.
Build a modern OTP (one-time passcode) input in SwiftUI with clean UI, smooth animations, and validation. Structure multi-digit input, handle user interactions (typing, deletion, paste), animate state changes, and provide success/error feedback. Outcome: a reusable, polished OTP component for SwiftUI apps.
Build a smooth Hero-style transition from Home to Profile in SwiftUI. Animate a shared element across screens using matchedGeometryEffect, custom transitions, and withAnimation, coordinating navigation with ZStack overlays to keep both views alive. Tips: consistent IDs/namespaces and mindful of layout/redraw costs for smooth performance.
Create a playful SwiftUI onboarding flow with gravity‑style animations, subtle micro‑effects, and a step‑by‑step progress indicator. Uses state‑driven views and SwiftUI animation APIs (implicit/spring) to simulate physics and guide navigation. Takeaway: compose reusable components and keep animations tied to state for smoothness.
SwiftUI tutorial to recreate an Apple Store–style sticky header with a blur effect and a toolbar reveal. Learn to pin a header during scroll and toggle the toolbar as content moves, using SwiftUI view composition and state driven by scroll position. Takeaway: implement a polished, native-feeling header interaction.
Build a Grok-style side menu in SwiftUI. The video sets up a slide-out panel with drag gestures, keyboard handling, and rubber-band resistance for natural interaction. It covers state, gesture updates, thresholds, and animations for opening/closing. Takeaway: combine gestures and keyboard inputs to power an interactive navigation UI.
Build a 3D card swipe interface in SwiftUI using drag gestures and custom animations. You’ll create interactive cards with depth via 3D transforms, tying gesture progress to animation for smooth, responsive motion. Takeaway: implement a polished, gesture-driven swipe experience entirely in SwiftUI.
Build a modern SwiftUI onboarding that uses DragGesture for interactive transitions with smooth animations. Covers tracking gesture state/offsets, animating with withAnimation or spring effects, snapping between steps, and handling bounds/clamping. Takeaway: craft polished, gesture-driven onboarding flows using SwiftUI’s animation and gesture APIs.
Build a Grok-style floating action menu in SwiftUI. The tutorial shows how to compose a clean tool panel and animate its expand/collapse with SwiftUI state and animation primitives, positioning it as a floating overlay above content. Outcome: a reusable, polished action menu component for SwiftUI apps.
Explores SwiftUI’s onScrollPhaseChange to build reactive UIs from scroll interactions. Shows attaching it to ScrollView/List to react to phase changes (start/drag/end), update state, drive animations, load more content, or hide/show UI chrome. Includes best practices like doing minimal work, throttling/debouncing handlers to prevent jank and keep scrolling smooth.
Build a SwiftUI chat app that runs an Apple on‑device LLM using the new Foundation Models. Set up in Xcode, wire prompts to local inference for responses, and manage chat state—all offline for privacy and low latency. A practical path to ship AI features on iOS without a server.
Create an interactive holographic shine card in SwiftUI. Step-by-step, you’ll connect a drag-responsive overlay to drive the shine, manage view state, and add smooth animations for polish. The focus is combining SwiftUI gestures with animated visuals to achieve a fluid, responsive effect.
Build a custom scroll‑style minute picker in SwiftUI using DragGesture and snapping animations for a smooth, physics‑inspired feel. Learn to track drag offset, snap to minute increments, and clamp values to bounds. Takeaway: craft a polished custom control that mimics scroll wheels entirely in SwiftUI.
Create a smooth card expansion like Apple’s Family app using SwiftUI’s matchedGeometryEffect. Define a shared Namespace, pair source/destination views, and animate state changes for a hero transition. Caveats: views must be in the same hierarchy and share IDs; use withAnimation or spring timing for fluid, interactive motion.
Build a GitHub-style heatmap tracker in SwiftUI: create a custom calendar view that lays out days/weeks and colors cells by task activity intensity. Covers generating date buckets and mapping counts to a dynamic color scale, yielding a reusable SwiftUI view for visualizing productivity.
Tutorial shows how to build a SwiftUI onboarding/welcome flow with horizontally paged screens that auto-scroll, update text per page, and use smooth transitions. Covers state-driven UI and animation for a polished experience. Takeaway: implement a clean, dynamic onboarding carousel in SwiftUI.
Build a task list in SwiftUI with a custom strike effect instead of the default strikethrough. Compose views to draw the strike, drive it with state, and animate its reveal on completion, integrating it into list rows for a polished, branded interaction.
Create a shimmer effect in SwiftUI for loading placeholders. Build a moving highlight with LinearGradient and animation, optionally using mask to reveal content, and wrap it as a reusable View/modifier. Learn to tune speed, angle, and repeat behavior for a smooth skeleton UI.
Build a custom dropdown in SwiftUI from scratch. The tutorial uses GeometryReader for layout/positioning and animations for smooth expand/collapse, showing how to structure the view and animate visibility for a reusable menu component—useful when you need a tailored control beyond built‑ins.
Step-by-step, beginner-friendly guide to SwiftUI transitions. Learn how to add transitions to views, control appear/disappear animations, compose and customize effects, and build custom transitions for polished UI changes. Takeaway: use SwiftUI transition APIs to animate view lifecycle cleanly.
Part 3 builds a SwiftUI dropdown using core layout modifiers: fixedSize() to avoid truncation/wrapping, overlay to draw the menu anchored to its trigger without affecting layout, and offset(x:y:) to fine-tune placement. Explains when to use each, their layout effects and hit-testing considerations. Takeaway: compose predictable dropdown layouts with these modifiers.
Learn to model dropdown options with Swift enums and bind them to SwiftUI. Covers CaseIterable for iterating cases, selection binding with Picker, mapping display titles/raw values, and reacting to changes. Takeaway: enums enable safe, type-checked, maintainable dropdowns for dropdown UIs in SwiftUI.
Part 1 of a SwiftUI series starts the foundation for a dropdown menu by defining the model layer. It outlines item structures and selection/state representation, setting up the data source the UI will consume in later parts. Focus is on creating a clean, reusable model to power a custom SwiftUI dropdown control.
Build a custom week calendar in SwiftUI with smooth horizontal scrolling. Generate week dates using Calendar/Date, render days in a horizontal ScrollView with a LazyHStack and ForEach, highlight the current day, and handle day selection. Includes basic date formatting and uses lazy stacks for smoother performance.
Build a fully custom, scrollable calendar in SwiftUI from scratch. The tutorial focuses on structuring months and days, implementing a smooth scrollable layout, handling date selection state, and styling—resulting in a reusable calendar component without third‑party libraries.
Build a clean, modern SwiftUI feedback view. The tutorial shows how to compose the UI, create custom components, and apply smooth transitions/animations for polished interactions, resulting in a reusable feedback system for apps.
Build a fully customizable SwiftUI calendar from scratch, supporting single, multiple, and range date selection. Covers laying out days, managing selection state, and switching modes with SwiftUI views and state. Uses SwiftUI and Foundation Calendar/Date APIs to create a reusable custom control.
Build a fully functional custom calendar UI in SwiftUI from scratch. The tutorial shows how to lay out months and days, handle date calculations, manage selection and month navigation with state, and compose reusable views. Takeaway: implement a calendar in pure SwiftUI without third‑party dependencies.
Build a fully animated 3D morphing dot sphere using pure SwiftUI—no SceneKit/RealityKit. The tutorial covers driving animations with state, applying 3D-style transforms and timing to morph and rotate a field of dots, and keeping rendering lightweight for smooth performance. Takeaway: create rich 3D effects with SwiftUI alone.
Step-by-step tutorial for building a reusable custom feedback view in SwiftUI. Create and style custom feedback buttons, compose views, and handle taps to capture feedback. Emphasizes reusable components using SwiftUI Button and view composition. Takeaway: ship a polished, drop-in feedback UI.
Learn to build a custom, reusable donut chart in SwiftUI. The tutorial focuses on structuring chart data, computing segment percentages, rendering the ring and segments, and styling (colors, thickness) so it can be dropped into apps as a configurable component. Takeaway: clean, data-driven visualization in SwiftUI.
Learn how to build and customize menus and selection views in SwiftUI. The tutorial covers presenting choices, configuring options, and styling selection interfaces so users can pick items clearly and efficiently, plus connecting selections to your view logic to drive updates across the UI.
Build a SwiftUI profile image editor where users select a photo, preview it, pinch to zoom, and set it as their avatar. The tutorial connects an image picker with SwiftUI state and gestures to manage zoom/positioning for a clean profile setup screen—useful for onboarding and settings flows.
Create an order-tracking progress component in SwiftUI with smooth animations. Suited for e-commerce or delivery apps needing real-time status updates. Demonstrates composing stages, binding state to progress, and animating transitions to keep UI responsive. Takeaway: simple, reactive SwiftUI patterns for tracking status.
In-depth SwiftUI tutorial on creating a hidden TabBar effect. It uses ScrollView animations to drive show/hide behavior and builds custom tab bar transitions. Covers structuring state and using animation/transition modifiers for smooth, responsive navigation.
Tutorial on building smooth, dynamic orb animations in SwiftUI. Demonstrates creating the orb view and driving motion with SwiftUI’s animation APIs, coordinating state changes and timing to achieve fluid effects, with tips for polish. Useful for adding lively, engaging visuals to your app UI.
Walkthrough for building a custom expanded, interactive calendar in SwiftUI. You’ll compose a reusable calendar view, manage state for selection/expansion, and structure the month layout using SwiftUI components. Takeaway: confidently build interactive calendar UIs natively with SwiftUI.
Build a SwiftUI authentication flow supporting Sign in with Apple, Google, and email. The video focuses on designing login/sign-up UI, wiring provider buttons, handling callbacks, basic form validation, error handling, and managing auth state/navigation in SwiftUI for a smooth multi-provider sign-in experience.
Shows how to build a sticky header with advanced scrolling effects—parallax images, blur, and smooth interactions—by driving visual transforms from scroll offset. Covers techniques for responsive, fluid UI and notes keeping scrolling jank-free. Useful patterns to replicate rich, iOS-like headers in cross-platform apps.
Learn to build a reusable SwiftUI component for selecting icons. The video shows creating a dynamic, data-driven icon picker, displaying icons in a selectable layout, managing selection state with @State/@Binding, and exposing the chosen icon to parent views for easy integration in forms or settings.
Build an Image Picker in a SwiftUI Journal app so users can attach photos to entries. The tutorial covers presenting a picker, binding the selected image to state, showing the image in the UI, and integrating it with the journal view. Notes include handling photo-library permissions. A practical intro to SwiftUI image selection.
Learn how to implement custom text highlighting and selection in SwiftUI. The video covers configuring SwiftUI text selection, styling highlights, and customizing text appearance to create readable, interactive text views. Takeaway: apply SwiftUI text selection and styling techniques to polish text UI.
Build a custom expandable (accordion) list in SwiftUI. Implement List/ForEach with @State or @Binding to track which rows are expanded, and use withAnimation for smooth expand/collapse. Handle dynamic data and tap-to-toggle behavior to create interactive, reusable list components.
Walkthrough building a simple SwiftUI book app that saves reading progress using SwiftData. Shows how to set up data models, bind UI to persistent storage, and perform basic CRUD to add/update books and track progress. Leverages SwiftUI views with SwiftData for seamless local persistence—an approachable starter for iOS developers.
Learn to build a reusable, interactive chart component in SwiftUI using SwiftUI Charts. Covers organizing chart data, selecting marks, styling, and encapsulating configuration in a custom View for reuse across screens. Takeaway: abstract chart logic into a component for cleaner code and consistent visuals in SwiftUI apps.
Guide to building a reusable Tags (chip) layout in SwiftUI that displays items and wraps across lines. Covers view composition, dynamic sizing, spacing, and styling/selection for arbitrary data. Takeaway: create a clean, reusable SwiftUI component to present tag lists effectively.
Guide to creating an expanding/collapsing cell in SwiftUI with smooth animations. Learn how to structure the view and toggle state to animate height/content changes for list rows, with tips for fluid transitions. Takeaway: leverage SwiftUI’s animation tools to build delightful, performant expandable cells.
Build a SwiftUI Task Manager UI featuring a fully custom calendar and polished layouts. The tutorial covers composing views, managing state, and wiring the calendar to drive the task list. Takeaway: design reusable SwiftUI components and interactions for a calendar‑driven task app UI.
Tutorial shows how to build custom swipe actions in SwiftUI using DragGesture: track horizontal translation, move content, reveal action buttons, and trigger callbacks for custom behavior—useful for list rows needing bespoke swipe interactions beyond the default options.
Walkthrough of designing and implementing custom alerts in SwiftUI. Learn to create reusable alert views, manage presentation with state/bindings, customize layout and styling, and integrate them across screens to elevate UX—going beyond SwiftUI’s built-in .alert modifier.
Tutorial covering SwiftUI Slider components: using Slider for value input, designing custom slider styles, and building a range slider with two handles. Shows binding values, ranges, and steps, plus customizing track and thumb visuals. Takeaway: implement and style single-value and range sliders effectively in SwiftUI.
Step-by-step tutorial to build a SwiftUI paywall view with multi-language support. Covers structuring the paywall UI (title, benefits, pricing, CTA) in SwiftUI and localizing strings/assets using SwiftUI’s localization and Localizable.strings. Takeaway: ship a reusable, localized paywall to improve onboarding and monetization.