Explore how some view returns an opaque type conforming to the view protocol by implementing a body property, using a single expression and containers like restack to hold multiple views.

Explore containers in SwiftUI, learning how vertical, horizontal, and depth stacks organize views, apply modifiers like font, color, background, and padding, and preview changes in real time.

Explore styling SwiftUI text with a range of modifiers - font, weight, padding, background, alignment, line limits, and 3D rotation with shadows - to create dynamic text effects.

Explore how SwiftUI handles images using system symbols and asset images, and apply modifiers like size, aspect ratio, color, opacity, and overlays to create layered, vector-based visuals.

Learn to use images in SwiftUI by referencing assets, adjusting size with aspect ratio and frame, and enhancing visuals with overlays, clipping, borders, shadows, and gradients.

Discover how to create and customize basic shapes in SwiftUI, including rectangle, rounded rectangle, and circle, with color, padding, and layout techniques.

Learn how color can act as a view in SwiftUI, serving as background or overlay, and how to layer overlays with alignment to compose images and UI.

Explore how to construct horizontal layouts in SwiftUI with HStack, combining images, circles, and modifiers, and control alignment, spacing, and layout priority to shape responsive UI layouts.

Explore how SwiftUI date pickers work with state bindings, showing date and time options, configuring minimum and maximum dates, and formatting selections with date formatters.

Learn how to build forms in SwiftUI with sections, input controls, headers, images, and custom views; explore styling, layout, and interactive elements like buttons, toggles, date pickers, and text fields.

Create a simple static list in swiftui, using a restack and list components to build a static table view, explore sections, limitations, and how to overcome with nested lists.

Create a dynamic list from a state array of Star Wars movies and render each item in a row, with an id to identify items and support reordering.

We build a custom cell for a dynamic list in SwiftUI, creating an item struct with movie and color, and composing an image and text into a reusable panel.

Move items in a SwiftUI list using onMove with indexSet and destination, removing items from the data set and inserting them at the drop position to rearrange the list.

Learn to build a grouped list in SwiftUI by organizing top movies by year into sections with headers, styling, and unique identifiers for reliable delete and move actions.

Discover how navigation link pushes new views inside a navigation view, acting like a button with a destination. Use presentation mode for programmatic back and set navigation bar titles.

Create a two-component picker in SwiftUI using two selection states and a geometry reader to lay out side-by-side controls. Build sections, frames, and hidden labels for clean, interactive visuals.

Demonstrate how a ScrollView in SwiftUI enables vertical or horizontal scrolling of images, with indicators, geometry reader sizing, and aspect ratio to fit frames.

create a reusable card view in SwiftUI with an image, an overlay, and text arranged in stacks, then apply padding, a rounded rectangle border, and shadow inside a scroll view.

Explore TextField and SecureField in SwiftUI, binding user input, customizing placeholders, borders, backgrounds, and icons, and differentiating secure field usage for passwords.

Learn to build a SwiftUI slider, format its value as an integer, set a custom range and step, and style it with a background and shapes for a polished control.

Explore shapes in SwiftUI by building a shapes template and rendering circle, capsule, rectangle, and rounded rectangle, then apply strokes and stroke styles with colors and dashes toward progress bar.

Create a custom circular progress bar in SwiftUI by combining shapes, trimming, and rotating rings to resemble activity rings, with bindings, colors, sliders, and overlays.

Create a SwiftUI stepper bound to a state value and show the value in its label. Explore increment and decrement closures and more complex scenarios with custom actions.

Build a complex restaurant UI in SwiftUI by combining stacks, buttons, and a horizontal scroll menu across four tabs, then explore theming with accent color and image rendering.

Create a floating action button in SwiftUI that reveals a three-item menu with spring animations, controlled by a state variable, and overlay it on a dynamic list.

Create a custom underline text field in SwiftUI as a reusable control. Learn to use bindings, state, and color customization for active and inactive states.

Learn to build a clearable text field in SwiftUI by creating a reusable view modifier and a TextField extension, binding text, and showing a trailing clear button that clears input.

Create a custom SwiftUI password toggle control that switches a secure text field to a plain text field with a reveal icon. Use a password icon and placeholder for clarity.

Explore how state makes a local property observable, updating the view body when it changes, and how binding with the dollar prefix reflects text input in real time.

Learn state binding at the cell level in SwiftUI by building a to-do list where the main view owns the list and each cell binds to its item.

Move the view upward when the keyboard opens by observing keyboard notifications and capturing its height, then offset the view and animate with a spring during text field input.

Attach a tap gesture recognizer to a circle view in SwiftUI and increment a state counter with each tap, displaying the count via an overlay.

Explore implementing a long press gesture in SwiftUI to zoom an image with an animation, using @GestureState to reset the scale on release.

Drag a SwiftUI view within its local coordinate space, track its offset with state, and snap it back with animation when the drag ends.

Learn how to implement a drag gesture with state retention in SwiftUI, track translation, and animate the view back to its initial offset.

Create an interactive bottom drawer in swiftui controlled by a drag gesture, featuring open/closed dragging states, a top notch indicator, spring animation, and sample content with dummy data.

Explore building a pulsating button animation in SwiftUI by toggle based state, using layered circles, strokes, frames, and scale with a forever repeating, auto-reversing animation.

Apply the magnification (pinch) gesture in SwiftUI to zoom an image with a state zoom level and scale effect.

Constrain pinch magnification in SwiftUI by bounding zoom with min and max levels, using gesture state to update the zoom during user interaction.

Learn to implement a rotation gesture in SwiftUI by tracking a rotation state, applying the rotation effect to an image, and updating the angle as the gesture changes.

Explore composing gestures in SwiftUI with the sequence gesture, enforcing a long-press precondition before dragging and tracking offset and position.

Explore exclusive gesture in SwiftUI by composing two gestures—pinch magnification and movement—so only the first active one applies, controlling scale, translation, and offset.

Explore angular gradient in SwiftUI by animating the gradient center, angle, and colors to create dynamic visuals on a circle with a stroke and frame.

Create and animate a linear gradient in SwiftUI by configuring a colors array, defining start and end points, and updating the gradient with taps and smooth color transitions.

Explore radial gradient in SwiftUI by adjusting the start radius and radius, animating changes, and applying a green gradient inside a circle to visualize the effect.

Explore color stops in SwiftUI gradients by defining start and end points, color locations, and unit points (x and y) to control how colors blend.

Learn how to use images as paints in SwiftUI by creating image paints, adjusting scale to create patterns, and applying image paint as stroke color for borders.

Explore basic SwiftUI animation by animating rectangles with gradients, corner radii, rotation, and scale using the animation modifier with in and out, repeated forever with auto reverse, and speed variations.

Explore how animation curves interpolate property values over time in SwiftUI, comparing timing options such as ease in and out and linear, with circles that repeat forever and speed-controlled motion.

Master spring animation in SwiftUI by exploring damping and bounce behavior, using a bound spring to animate scale and rotation of an orange paper plane image.

Explore interpolating spring animations in SwiftUI by adjusting mass, stiffness, damping, and initial velocity to shape motion, timing, and velocity preservation.

Animate colors by tapping a full-screen rectangle that transitions to a new random color, using a simple color animation to blend from one color to another.

Explore hue rotation animation in SwiftUI by rotating hue angles on the color wheel to animate view colors.

Create a neon glow animation in SwiftUI by building a custom view modifier that layers blur, brightness, and strokes to render a neon border around text or views.