Welcome to SwiftCanvas
Visual iOS UI builder that exports responsive SwiftUI code.
18 Device FramesiPhone SE → iPad Pro 13"
Responsive CodeGeometryReader — any screen
20 AnimationsBlur, shadow, gradients & more
Export ZIPSwift + Assets.xcassets ready
Free for commercial use. No attribution required — generated code is entirely yours.
SwiftCanvas v3  ·  iOS 16+  ·  Press ? for help anytime
iPhone 15 · 390×844
0 elements
Layout
VStack
Vertical
HStack
Horizontal
ZStack
Layered
ScrollView
Scroll
NavBar
Navigation
TabBar
Tab View
Spacer
Flexible
Divider
Separator
Display
Text
Label / Body
Label
Icon + Text
Image
URL / Upload / SF
Card
Custom Card
Badge
Tag / Pill
Controls
Button
Tap Action
Image Button
Icon + Label
TextField
Text Input
Toggle
On / Off
Slider
Range
Stepper
Counter
Progress
Loading Bar
Picker
Selector
List
ForEach Rows
Shapes
Rectangle
Shape
Circle
Shape
Drag components into the device screen
Ctrl+Z undo · Del remove · Ctrl+D duplicate · ← → ↑ ↓ nudge · G snap
iPhone ↕
15
390×844
15 Plus
430×932
15 Pro
393×852
Pro Max
430×932
SE 3
375×667
iPhone ↔
15 ⟺
844×390
Pro ⟺
852×393
SE ⟺
667×375
iPad ↕
mini 6
744×1133
iPad 10
820×1180
Air 5
820×1180
Pro 11"
834×1194
Pro 13"
1024×1366
iPad ↔
mini ⟺
1133×744
iPad ⟺
1180×820
Pro11 ⟺
1194×834
Pro13 ⟺
1366×1024
No Frame
free
Color
65%
Props
Canvas
Code
Layers
Click any element on the canvas
to inspect and edit its properties.