Output uses LazyVGrid for scrollable content; use Grid for iOS 16+ static layouts if preferred.

⚙️Loaders 🌈Gradients 🪪Cards ⚡Animations 🔔Alerts 📸Photo Picker 🕶️Shadows 🔘Buttons 🧩Grids 🎨Palettes 🔍JSON → Model 🌐API Generator 📝Postman → Code 📋JSON Format 🔐Base64

Grid Generator

Mode

Min item width

Item count (example)

Column spacing

Row spacing

Grid Generator

Mode

Min item width

Item count (example)

Column spacing

Row spacing

Generated Code

import SwiftUI

struct GridView: View {

let items = Array(1...12)

var body: some View {

let columns: [GridItem] = [

GridItem(.adaptive(minimum: 120), spacing: 12)

]

ScrollView {

LazyVGrid(columns: columns, spacing: 12) {

ForEach(items, id: \.self) { item in

RoundedRectangle(cornerRadius: 12)

.fill(Color.gray.opacity(0.15))

.frame(height: 80)

.overlay(Text("\\(item)"))

}

.padding(16)

}

Grid Generator

Mode

Min item width

Item count (example)

Column spacing

Row spacing

Device Preview

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

Generated Code

import SwiftUI

struct GridView: View {

let items = Array(1...12)

var body: some View {

let columns: [GridItem] = [

GridItem(.adaptive(minimum: 120), spacing: 12)

]

ScrollView {

LazyVGrid(columns: columns, spacing: 12) {

ForEach(items, id: \.self) { item in

RoundedRectangle(cornerRadius: 12)

.fill(Color.gray.opacity(0.15))

.frame(height: 80)

.overlay(Text("\\(item)"))

}

.padding(16)

}

728×90

between-tool-content · Ad slot ready

SwiftUI Grid Generator

Generate `LazyVGrid` layouts with fixed or adaptive columns and spacing.

Perfect for galleries, product grids, dashboards, and card lists.

How to use

Choose fixed or adaptive LazyVGrid columns.
Set spacing and minimum column width.
Copy the grid layout code.
Drop into your ForEach-driven lists.

Responsive

in-content · Ad slot ready

Examples (copy-paste)

Adaptive columns

let columns = [GridItem(.adaptive(minimum: 120), spacing: 12)]

LazyVGrid(columns: columns, spacing: 12) {
  ForEach(items) { item in
    Cell(item: item)
  }
}

FAQs

LazyVGrid vs Grid?: Output uses LazyVGrid for scrollable content; use Grid for iOS 16+ static layouts if preferred.

Related tools

SwiftUI Loader Generator

SwiftUI tool

SwiftUI Gradient Generator

SwiftUI tool

SwiftUI Card Generator

SwiftUI tool

SwiftUI Animation Generator

SwiftUI tool

SwiftUI Alert Generator

SwiftUI tool