Web → iOS & Android
Enter your URL.Watch it go native.
Real Swift & Kotlin, in front of your eyes — then we tailor it with a few questions and build it live. Preview is free.
struct HomeView: View {
var body: some View {
NavigationStack {
List(items) { item in
CardRow(item: item)
}
}
}
}
@Composable
fun Home(nav: NavController) {
Scaffold(bottomBar = { AppTabBar() }) {
LazyColumn { items(cards) { Card(it) } }
}
}
class ProductViewModel: ObservableObject {
@Published var products: [Product] = []
func load() async { ... }
}
NavigationLink(destination: DetailView()) {
Text(item.title)
}
struct HomeView: View {
var body: some View {
NavigationStack {
List(items) { item in
CardRow(item: item)
}
}
}
}
@Composable
fun Home(nav: NavController) {
Scaffold(bottomBar = { AppTabBar() }) {
LazyColumn { items(cards) { Card(it) } }
}
}
class ProductViewModel: ObservableObject {
@Published var products: [Product] = []
func load() async { ... }
}
NavigationLink(destination: DetailView()) {
Text(item.title)
}
struct HomeView: View {
var body: some View {
NavigationStack {
List(items) { item in
CardRow(item: item)
}
}
}
}
@Composable
fun Home(nav: NavController) {
Scaffold(bottomBar = { AppTabBar() }) {
LazyColumn { items(cards) { Card(it) } }
}
}
class ProductViewModel: ObservableObject {
@Published var products: [Product] = []
func load() async { ... }
}
NavigationLink(destination: DetailView()) {
Text(item.title)
}
struct HomeView: View {
var body: some View {
NavigationStack {
List(items) { item in
CardRow(item: item)
}
}
}
}
@Composable
fun Home(nav: NavController) {
Scaffold(bottomBar = { AppTabBar() }) {
LazyColumn { items(cards) { Card(it) } }
}
}
class ProductViewModel: ObservableObject {
@Published var products: [Product] = []
func load() async { ... }
}
NavigationLink(destination: DetailView()) {
Text(item.title)
}
Home
web page → compiling → native app