Advanced Forms
A comprehensive form builder component with advanced field types, real-time validation, progress tracking, and intelligent auto-save capabilities.
Pro Features
Unlock advanced capabilities with the Pro version
Smart Validation
Real-time field validation with custom rules, patterns, and async validation support
Rich Field Types
Support for text, email, password, select, file upload, checkboxes, switches, and more
Progress Tracking
Visual progress indicators that show form completion status and guide users
Auto-Save
Intelligent auto-save functionality that preserves form data across sessions
Flexible Layouts
Multiple layout options including vertical, horizontal, and responsive grid layouts
Type Safety
Full TypeScript support with strongly typed field definitions and validation
Accessibility First
Built-in accessibility features with proper ARIA labels and keyboard navigation
Performance Optimized
Optimized rendering with minimal re-renders and efficient form state management
Installation
Install via CLI
npx @moontra/cli add advanced-formsUsage
Contact Form
Get in touch with us
Examples
Basic Contact Form
Simple contact form with validation and progress tracking.
Contact Us
We'd love to hear from you
User Registration Form
Registration form with grid layout and advanced validation rules.
Create Account
Join thousands of developers using MoonUI
Survey Form with File Upload
Survey form with file upload capabilities and comprehensive feedback collection.
Product Feedback Survey
Help us improve MoonUI with your valuable feedback
Settings Form with Advanced Validation
User settings form with complex validation rules and privacy controls.
Profile Settings
Manage your account preferences and privacy settings
Comprehensive Form Demo
Demonstration of all available field types in a single form.
Comprehensive Form Demo
Demonstration of all available field types