Convert your JSON to a SwiftUI View.
Warning
This is a work in progress and not yet ready for production use.
Please feel free to contribute, report issues, or request features.
- Swift 5.9+ (Xcode 15+)
- iOS 15+, macOS 12+
Install using Swift Package Manager
dependencies: [
.package(url: "https://github.com/0xWDG/DynamicUI.git", .branch("main")),
],
targets: [
.target(name: "MyTarget", dependencies: [
.product(name: "DynamicUI", package: "DynamicUI"),
]),
]And import it:
import DynamicUIimport DynamicUI
struct ContentView: View {
let json = """
[
{
"type": "Text",
"title": "Wait, am i generating views from JSON?"
}
]
""".data(using: .utf8)
var body: some View {
DynamicUI(
json: json
)
}
}Please note: Items prefixed with ⚠ may ignore passed parameters.
Items with a strikethrough are not yet supported.
VStack
{
"type": "VStack",
"children": [ ]
}HStack
{
"type": "HStack",
"children": [ ]
}ZStack
{
"type": "ZStack",
"children": [ ]
}List
{
"type": "List",
"children": [ ]
}ScrollView
{
"type": "ScrollView",
"children": [ ]
}NavigationView
{
"type": "NavigationView",
"children": [ ]
}Form
{
"type": "Form",
"children": [ ]
}Text
{
"type": "Text",
"title": "..."
}Image
{
"type": "Image",
"imageURL": "systemName"
}Divider
{
"type": "Divider"
}Spacer
{
"type": "Spacer"
}Label
{
"type": "Label",
"title": "..."
}TextField
{
"type": "TextField",
"title": "...",
"defaultValue": "..."
}SecureField
{
"type": "SecureField",
"title": "...",
"defaultValue": "..."
}TextEditor
{
"type": "TextEditor",
"title": "...",
"defaultValue": "..."
}Toggle
{
"type": "Toggle",
"title": "Turn me on!",
"defaultValue": true
}⚠ Gauge
{
"type": "Gauge",
"title": "...",
"defaultValue": 0.5
}⚠ ProgressView
{
"type": "ProgressView",
"title": "...",
"value": 50,
"total": 100
}Slider
{
"type": "Slider",
"title": "...",
"minLabel": "min",
"maxLabel": "max"
}GroupBox
{
"type": "GroupBox",
"children": [ ]
}DisclosureGroup
{
"type": "DisclosureGroup",
"children": [ ]
}HSplitView
{
"type": "HSplitView",
"children": [ ]
}VSplitView
{
"type": "VSplitView",
"children": [ ]
}⚠ Picker
{
"type": "Picker",
"title": "...",
"values": ["...", "..."]
}⚠ NavigationSplitView
{
"type": "NavigationSplitView",
"children": [ ]
}⚠ TabView
{
"type": "TabView",
"children": [ ]
}
We can get in touch via Twitter/X, Discord, Mastodon, Threads, Bluesky.
Alternatively you can visit my Website.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent