🏆 The most comprehensive form library for SwiftUI
Features • Installation • Quick Start • Field Types • Validation • Advanced
Building forms in SwiftUI can be tedious. You need validation, styling, accessibility, and state management - all from scratch. SwiftUI Forms Kit gives you everything out of the box:
| Feature | SwiftUI Forms Kit | Native SwiftUI | Other Libraries |
|---|---|---|---|
| 30+ Field Types | ✅ | ❌ | |
| Real-time Validation | ✅ | ❌ | |
| Async Validation | ✅ | ❌ | ❌ |
| JSON-Driven Forms | ✅ | ❌ | ❌ |
| Form Analytics | ✅ | ❌ | ❌ |
| Multi-Step Forms | ✅ | ❌ | |
| Form DSL | ✅ | ❌ | ❌ |
| Full Accessibility | ✅ | ||
| Theming System | ✅ | ❌ |
Text Fields │ Selection │ Date & Time │ Special
─────────────────────────────────────────────────────────────────────
• Text Input │ • Dropdown │ • Date Picker │ • Signature
• Email │ • Multi-Select │ • Time Picker │ • OTP Input
• Password │ • Radio Buttons │ • Date Range │ • Credit Card
• Phone (Intl) │ • Checkboxes │ • Time Range │ • Address
• URL │ • Toggle │ • Duration │ • File Upload
• Number │ • Chips │ │ • Image Picker
• Currency │ • Segmented │ │ • Rating
• Textarea │ │ │ • Slider
- Built-in rules: required, email, phone, minLength, maxLength, pattern
- Custom validators: Write your own validation logic
- Async validation: Check against APIs (username availability, etc.)
- Field dependencies: Validate based on other field values
- Real-time feedback: Instant error messages as users type
- Pre-built themes (Light, Dark, Minimal)
- Customize colors, spacing, corner radius
- Per-field style overrides
- Dark mode support
- Full VoiceOver support
- Dynamic Type support
- Reduce Motion support
- Screen reader announcements
dependencies: [
.package(url: "https://github.com/muhittincamdali/SwiftUI-Forms-Kit.git", from: "2.0.0")
]pod 'SwiftUIFormsKit', '~> 2.0'import SwiftUIFormsKit
struct LoginForm: View {
@State private var email = ""
@State private var password = ""
var body: some View {
FormContainer(title: "Sign In") {
FormTextField("Email", text: $email)
.keyboardType(.emailAddress)
.validation(.required, .email)
FormSecureField("Password", text: $password)
.validation(.required, .minLength(8))
SubmitButton("Sign In") {
// Handle login
}
}
}
}FormContainer(title: "Registration") {
FormSection("Personal Info") {
FormTextField("Full Name", text: $name)
.validation(.required)
FormPhoneField("Phone", phoneNumber: $phone, countryCode: $country)
FormDatePicker("Birth Date", selection: $birthDate)
}
FormSection("Account") {
FormTextField("Email", text: $email)
.validation(.required, .email)
FormSecureField("Password", text: $password, showStrengthIndicator: true)
.validation(.required, .strongPassword)
}
}// Standard text
FormTextField("Name", text: $name)
// Email with validation
FormTextField("Email", text: $email)
.keyboardType(.emailAddress)
.textContentType(.emailAddress)
.validation(.email)
// Password with strength indicator
FormSecureField("Password", text: $password, showStrengthIndicator: true)
// Phone with country picker
FormPhoneField("Phone", phoneNumber: $phone, countryCode: $country)
// Multiline text
FormTextField("Bio", text: $bio)
.lineLimit(5...10)// Single select dropdown
FormPicker("Country", selection: $country, options: countries)
// Multi-select with chips
FormMultiSelect("Skills", selection: $skills, options: allSkills, style: .chips)
// Radio buttons
FormRadioGroup("Plan", selection: $plan, options: [
RadioOption(value: "free", label: "Free", description: "Basic features"),
RadioOption(value: "pro", label: "Pro", description: "$9.99/month")
], style: .cards)
// Toggle
FormToggleField("Accept Terms", isOn: $acceptTerms, style: .checkbox)// Date picker
FormDatePicker("Birth Date", selection: $date)
// Time picker
FormTimePicker("Alarm", time: $time, style: .hourMinute)
// Time range
FormTimeRangePicker("Working Hours", startTime: $start, endTime: $end)// Rating
FormRatingField("Rate this app", rating: $rating, style: .stars)
// Slider with labels
FormSliderField("Budget", value: $budget, range: 0...1000, style: .labeled)
// Credit card
FormCreditCardField("Card", cardNumber: $card, expiryDate: $expiry, cvv: $cvv)
// Signature
FormSignatureField("Signature", signature: $signature)
// File upload
FormFileUpload("Documents", files: $files, allowedTypes: [.pdf, .image])
// OTP
FormOTPField("Verification Code", code: $otp, length: 6).validation(.required) // Must not be empty
.validation(.email) // Valid email format
.validation(.phone) // Valid phone number
.validation(.url) // Valid URL
.validation(.minLength(8)) // Minimum length
.validation(.maxLength(100)) // Maximum length
.validation(.min(18)) // Minimum value
.validation(.max(120)) // Maximum value
.validation(.pattern(#"^\d{5}$"#)) // Regex pattern
.validation(.creditCard) // Valid card number
.validation(.strongPassword) // Password strengthFormTextField("Username", text: $username)
.validation(.custom { value in
if value.contains(" ") {
return "Username cannot contain spaces"
}
return nil // Valid
})FormTextField("Username", text: $username)
.asyncValidation { value in
// Check if username is available
let isAvailable = await API.checkUsername(value)
return isAvailable ? nil : "Username already taken"
}FormSecureField("Confirm Password", text: $confirmPassword)
.validation(.matches(field: "password", message: "Passwords don't match"))MultiStepForm(state: formState, indicatorStyle: .numbered) {
FormStep("Personal", icon: "person") {
FormTextField("Name", text: $name)
FormTextField("Email", text: $email)
}
FormStep("Address", icon: "location") {
FormAddressField(address: $address)
}
FormStep("Payment", icon: "creditcard") {
FormCreditCardField("Card", cardNumber: $card, ...)
}
}let schema = """
{
"id": "contact",
"title": "Contact Us",
"fields": [
{"id": "name", "type": "text", "label": "Name", "required": true},
{"id": "email", "type": "email", "label": "Email", "required": true},
{"id": "message", "type": "textarea", "label": "Message"}
]
}
"""
let formSchema = try JSONFormBuilder.parse(schema)
JSONFormView(schema: formSchema, state: formState)// Enable analytics
FormAnalytics.shared.addProvider(ConsoleAnalyticsProvider())
// Track form
FormContainer(title: "Survey")
.trackAnalytics(formId: "survey-form", totalFields: 10)
// View analytics dashboard
FormAnalyticsDashboard(formId: "survey-form")FormContainer(title: "Quick Form") {
FormSection("Info") {
Field("Name", required: true) {
TextField("", text: $name)
}
FormRow {
Field("First") { TextField("", text: $first) }
Field("Last") { TextField("", text: $last) }
}
}
ConditionalField(when: showOptional) {
Field("Optional") { TextField("", text: $optional) }
}
SubmitButton("Submit", icon: "paperplane")
}// Use built-in theme
FormContainer(theme: .dark) { ... }
// Custom theme
let customTheme = FormTheme(
primaryColor: .blue,
errorColor: .red,
successColor: .green,
labelColor: .primary,
backgroundColor: .clear,
borderColor: .gray.opacity(0.3),
cornerRadius: 12,
spacing: 16
)
FormContainer(theme: customTheme) { ... }SwiftUI Forms Kit is built with accessibility in mind:
// All fields have proper labels
FormTextField("Email", text: $email)
.accessibilityHint("Enter your email address")
// Error announcements
.accessibilityAnnouncement(error)
// VoiceOver support for all interactions
// Dynamic Type support
// Reduce Motion support| Platform | Minimum Version |
|---|---|
| iOS | 16.0+ |
| macOS | 13.0+ |
| tvOS | 16.0+ |
| watchOS | 9.0+ |
Contributions are welcome! Please read our Contributing Guide first.
MIT License - see LICENSE for details.
Made with ❤️ by Muhittin Camdali