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 DynamicUI
import 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": [ ]
}
![image](https://private-user-images.githubusercontent.com/1290461/322620426-02e2d735-5496-4b68-a428-9e03815bf4d6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NDQzMzUsIm5iZiI6MTcxOTc0NDAzNSwicGF0aCI6Ii8xMjkwNDYxLzMyMjYyMDQyNi0wMmUyZDczNS01NDk2LTRiNjgtYTQyOC05ZTAzODE1YmY0ZDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYzMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MzBUMTA0MDM1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTQ3ZGY1ZGRkZmU2MzUxNjFjOTRkOWVmZWZkZjBhOTk5M2U5ZWI4MGI4MmY1MDk0MWQ1YjY1NWRjMzg5MDc2OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.8aAixu0sAXRVFydEmZy3zPM1IrX7e_oDNPXdWlUFWes)
We can get in touch via Twitter/X, Discord, Mastodon, Threads, Bluesky.
Alternatively you can visit my Website.