Here is a great way to get started with a pretty comprehensive list of view modifiers.

In a web browser, go to X.com and the grow tab. Type in "compile a list of of all swiftUI view modifiers"

This will give you this:

See new posts

compile a list of of all swiftUI view modifiers

1 post

15 web pages

Compiling a complete list of all SwiftUI view modifiers is challenging because Apple’s SwiftUI framework evolves with each iOS, macOS, watchOS, and tvOS release, and the official documentation doesn’t provide a single, exhaustive list in one place. Additionally, new modifiers are introduced, and existing ones may be deprecated or modified. However, I can provide a comprehensive list of commonly used SwiftUI view modifiers based on the latest available documentation (up to SwiftUI 5.0, iOS 18, macOS 15, etc., as of my knowledge cutoff) and categorize them for clarity. This list draws from Apple’s official documentation, community resources, and practical usage patterns.

Note that SwiftUI view modifiers are methods applied to views to customize their appearance, behavior, or structure, returning a new view instance. They are chainable and can be applied to any type conforming to the View protocol. Some modifiers are specific to certain view types (e.g., Text), while others are broadly applicable. For a definitive reference, you can explore Apple’s documentation for the View protocol or use Xcode’s autocomplete feature (by typing . after a view) to discover available modifiers.

Below is a categorized list of key SwiftUI view modifiers, grouped by their primary function. I’ll include a brief description of each where relevant. Since the list is extensive, I’ll focus on the most commonly used and notable modifiers, ensuring it’s practical rather than overwhelming. If you need details on a specific modifier or category, let me know, and I can expand!

1. Appearance and Styling Modifiers

These modifiers adjust the visual appearance of views, such as colors, fonts, and shapes.

.foregroundStyle(_:): Sets the foreground color or material for text, shapes, or other content. Supports colors, gradients, or materials. Example: .foregroundStyle(.blue)

.background(_:alignment:): Applies a background view, color, or material behind the view. Example: .background(.red)

.font(_:): Sets the font style and size for text. Example: .font(.title)

.fontWeight(_:): Adjusts the weight of the font (e.g., bold, regular). Example: .fontWeight(.bold)

.bold(): Applies bold styling to text. Example: .bold()

.italic(): Applies italic styling to text.

.strikethrough(_:color:): Adds a strikethrough to text. Example: .strikethrough(true, color: .red)

.underline(_:color:): Adds an underline to text. Example: .underline(true, color: .blue)

.tint(_:): Applies a tint color to interactive elements like buttons or controls. Example: .tint(.purple)

.opacity(_:): Sets the transparency of the view. Example: .opacity(0.5)

.brightness(_:): Adjusts the brightness of the view’s content.

.contrast(_:): Adjusts the contrast of the view’s content.

.saturation(_:): Adjusts the color saturation of the view.

.grayscale(_:): Applies a grayscale effect to the view.

.blendMode(_:): Sets how the view blends with its background. Example: .blendMode(.multiply)

.colorInvert(): Inverts the colors of the view.

.colorMultiply(_:): Multiplies the view’s colors with a specified color.

.shadow(color:radius:x:y:): Adds a shadow to the view. Example: .shadow(radius: 10)

.clipShape(_:style:): Clips the view to a specific shape. Example: .clipShape(Circle())

.clipped(antialiased:): Clips the view to its bounds, optionally with antialiasing.

.cornerRadius(_:antialiased:): Rounds the corners of the view. Example: .cornerRadius(10)

.border(_:width:): Adds a border around the view. Example: .border(.black, width: 2)

.overlay(_:alignment:): Places a view on top of the current view. Example: .overlay(Circle().stroke())

.mask(_:): Masks the view with another view or shape. Example: .mask(Circle())

.compositingGroup(): Groups the view’s rendering to apply effects uniformly.

.drawingGroup(opaque:): Renders the view as a single layer, improving performance for complex views.

2. Layout and Positioning Modifiers

These modifiers control the size, position, and alignment of views within their parent.

.frame(width:height:alignment:): Sets the view’s size and alignment. Example: .frame(width: 100, height: 100)

.fixedSize(horizontal:vertical:): Prevents the view from resizing to fit its container.

.aspectRatio(_:contentMode:): Sets the aspect ratio of the view. Example: .aspectRatio(16/9, contentMode: .fit)

.scaledToFit(): Scales the view to fit its parent while maintaining aspect ratio.

.scaledToFill(): Scales the view to fill its parent, potentially cropping content.

.padding(_:): Adds padding around the view. Example: .padding(10)

.offset(x:y:): Shifts the view by x and y coordinates. Example: .offset(x: 10, y: 20)

.position(x:y:): Sets the absolute position of the view’s center.

.alignmentGuide(_:computeValue:): Customizes the alignment of the view within its parent.

.zIndex(_:): Sets the stacking order of the view. Example: .zIndex(1)

.layoutPriority(_:): Sets the priority for the view’s layout in flexible containers.

.ignoresSafeArea(_:edges:): Allows the view to extend into safe areas. Example: .ignoresSafeArea()

.safeAreaInset(edge:alignment:spacing:content:): Adds content to safe area edges (iOS 15+).

.coordinateSpace(_:): Defines a named coordinate space for the view.

.transformEffect(_:): Applies a 2D or 3D transformation to the view.

3. Interaction and Gesture Modifiers

These modifiers handle user interactions and gestures.

.onTapGesture(count:perform:): Adds a tap gesture. Example: .onTapGesture { print("Tapped") }

.onLongPressGesture(minimumDuration:perform:): Adds a long-press gesture.

.gesture(_:including:): Attaches a gesture to the view (e.g., DragGesture, PinchGesture).

.simultaneousGesture(_:including:): Allows multiple gestures to be recognized simultaneously.

.highPriorityGesture(_:including:): Prioritizes a gesture over others.

.onAppear(perform:): Executes code when the view appears.

.onDisappear(perform:): Executes code when the view disappears.

.onChange(of:perform:): Responds to changes in a value (iOS 14+). Example: .onChange(of: value) { print($0) }

.onSubmit(of:perform:): Handles submission events (e.g., for text fields, iOS 15+).

.allowsHitTesting(_:): Enables or disables user interaction. Example: .allowsHitTesting(false)

.contentShape(_:eoFill:): Defines the hit-testing shape for the view.

.focusable(_:): Makes the view focusable for keyboard or TV remote (macOS, tvOS).

.onHover(perform:): Responds to hover events (macOS, iPadOS).

.onDrag(_:): Enables drag-and-drop for the view.

.onDrop(of:delegate:): Handles dropped items in drag-and-drop.

4. Animation and Transition Modifiers

These modifiers control animations and transitions for view changes.

.animation(_:value:): Animates changes to a view based on a value. Example: .animation(.spring(), value: isOn)

.transition(_:): Defines how a view appears or disappears (e.g., .slide, .opacity).

.matchedGeometryEffect(id:in:properties:): Animates transitions between views with a shared ID (iOS 14+).

.scaleEffect(_:anchor:): Scales the view. Example: .scaleEffect(2)

.rotationEffect(_:anchor:): Rotates the view by an angle. Example: .rotationEffect(.degrees(45))

.rotation3DEffect(_:axis:anchor:): Applies a 3D rotation.

.offsetEffect(_:): Animates the view’s offset for effects like shake.

.symbolEffect(_:options:): Applies effects to SF Symbols (iOS 17+).

5. Accessibility Modifiers

These modifiers enhance the accessibility of views for users with disabilities.

.accessibilityLabel(_:): Sets a label for screen readers. Example: .accessibilityLabel("Button")

.accessibilityHint(_:): Provides a hint for the view’s action.

.accessibilityValue(_:): Sets a value for the view (e.g., for sliders).

.accessibilityAddTraits(_:): Adds accessibility traits (e.g., .isButton).

.accessibilityRemoveTraits(_:): Removes accessibility traits.

.accessibilityHidden(_:): Hides the view from accessibility.

.accessibilityAction(_:): Adds a custom accessibility action.

.accessibilityAdjustableAction(_:): Supports adjustable actions (e.g., for sliders).

.accessibilitySortPriority(_:): Sets the order for accessibility elements.

6. Navigation and Presentation Modifiers

These modifiers manage navigation and presentation of views.

.navigationTitle(_:): Sets the title for a navigation bar. Example: .navigationTitle("Home")

.navigationBarTitleDisplayMode(_:): Controls the display mode (e.g., .inline, .large).

.toolbar(_:): Adds toolbar items to the view. Example: .toolbar { ToolbarItem { Button("Add") {} } }

.sheet(isPresented:content:): Presents a modal sheet. Example: .sheet(isPresented: $showSheet) { Text("Sheet") }

.fullScreenCover(isPresented:content:): Presents a full-screen modal.

.popover(isPresented:content:): Presents a popover (iPad, macOS).

.alert(_:isPresented:presenting:actions:message:): Shows an alert. Example: .alert("Error", isPresented: $showAlert) { Button("OK") {} }

.confirmationDialog(_:isPresented:presenting:actions:): Shows a confirmation dialog (iOS 15+).

.navigationDestination(isPresented:destination:): Presents a destination view (iOS 16+).

.inspector(isPresented:content:): Shows an inspector panel (macOS, iOS 16+).

7. Text and Input Modifiers

These are specific to Text, TextField, or other input views.

.textFieldStyle(_:): Sets the style for text fields. Example: .textFieldStyle(.roundedBorder)

.keyboardType(_:): Sets the keyboard type for text input. Example: .keyboardType(.emailAddress)

.textContentType(_:): Optimizes the keyboard for specific input (e.g., .emailAddress).

.autocapitalization(_:): Controls text capitalization (iOS 15+: .autocapitalization deprecated, use .textInputAutocapitalization).

.textInputAutocapitalization(_:): Sets autocapitalization behavior (iOS 15+).

.disableAutocorrection(_:): Enables or disables autocorrection.

.lineLimit(_:): Limits the number of lines for text. Example: .lineLimit(2)

.truncationMode(_:): Sets text truncation behavior (e.g., .tail, .middle).

.minimumScaleFactor(_:): Sets the minimum text scaling factor.

.textCase(_:): Forces text to uppercase or lowercase. Example: .textCase(.uppercase)

.multilineTextAlignment(_:): Aligns multiline text (e.g., .center).

8. Environment and Context Modifiers

These modifiers interact with the SwiftUI environment or context.

.environment(_:): Injects a value into the environment. Example: .environment(\.colorScheme, .dark)

.environmentObject(_:): Shares an object with child views.

.transformEnvironment(_:transform:): Modifies an environment value.

.preference(key:value:): Passes a preference value up the view hierarchy.

.onPreferenceChange(_:perform:): Responds to preference value changes.

.statusBarHidden(_:): Hides or shows the status bar (iOS).

.controlGroupStyle(_:): Sets the style for control groups (macOS, iOS 15+).

.dynamicTypeSize(_:): Sets the dynamic type size for accessibility.

9. Performance and Rendering Modifiers

These optimize rendering or control view updates.

.redacted(reason:): Redacts the view for privacy (e.g., .placeholder).

.unredacted(): Removes redaction from a view.

.allowsTightening(_:): Enables text tightening for better layout.

.drawingGroup(opaque:): Renders the view as a single layer for performance.

.transaction(_:): Customizes animations or transactions for a view.

10. Conditional and Custom Modifiers

These involve logic or custom behavior.

.if(_:transform:): Conditionally applies a modifier (often used in extensions).

.modifier(_:): Applies a custom view modifier. Example: .modifier(MyCustomModifier())

.disabled(_:): Disables interaction with the view. Example: .disabled(true)

.hidden(): Hides the view without removing it from the layout.

.deleteDisabled(_:): Disables deletion in lists.

.moveDisabled(_:): Disables reordering in lists.

Notes and Tips

Discovering Modifiers: To explore all available modifiers, use Xcode’s autocomplete by typing . after a view (e.g., Text("Hello").). This shows context-sensitive modifiers.

Custom Modifiers: You can create custom view modifiers by conforming to the ViewModifier protocol, encapsulating reusable styling or behavior. Example: struct MyStyle: ViewModifier { func body(content: Content) -> some View { content.padding().background(.blue) } }

Platform-Specific Modifiers: Some modifiers are platform-specific (e.g., .statusBarHidden for iOS, .focusable for tvOS/macOS). Check Apple’s documentation for compatibility.

Order Matters: The order of modifiers can affect the result due to SwiftUI’s view composition. For example, .padding().background(.red) differs from .background(.red).padding().

Documentation: Apple’s View protocol documentation is the best source for an up-to-date list, though it’s organized by functionality rather than as a single list.

Community Resources: Posts on X highlight tools like the SwiftUI Index/Changelog by @kuba_suder

, which auto-generates an alphabetical index of views and modifiers from Apple’s docs.

Limitations

This list covers the majority of SwiftUI view modifiers as of iOS 18/macOS 15, but it may not include every niche or recently introduced modifier, especially those tied to specific view types (e.g., Map, Chart) or new features in 2024/2025 releases. Apple’s documentation is the authoritative source, but it requires navigating the View protocol and related types. If you’re looking for a specific modifier or need a programmatically generated list, you might need to parse Apple’s documentation or use a tool like the SwiftUI Index mentioned on X.

If you want me to:

Expand on a specific category or modifier,

Provide code examples for any modifier,

Generate a custom view modifier,

Or check for updates to this list using web or X searches,

just let me know!

Grox rocks.