@aireact/smartform

🚀 AI-Powered Form Validation for React

Intelligent form validation and auto-completion powered by AI for smarter user experiences.

✨ Features

- 🧠 AI Validation: Intelligent field validation using AI
- 📝 Auto-Complete: Smart field suggestions and completion
- 🎯 Context-Aware: Understands form context for better validation
- ⚡ Real-time: Instant feedback as users type
- 🎨 Customizable: Fully stylable components
- 🔧 TypeScript: Full TypeScript support

📦 Installation

``bash
npm install @aireact/smartform @aireact/core
`

🚀 Quick Start

`tsx
import { SmartForm, useSmartValidation } from '@aireact/smartform';
import '@aireact/smartform/style.css';

function App() {
return (
provider="openai"
apiKey={process.env.REACT_APP_OPENAI_API_KEY}
onSubmit={(data) => console.log('Form data:', data)}
>



Submit

);
}
`

$3

`tsx
import { useSmartValidation } from '@aireact/smartform';

function CustomForm() {
const {
validate,
errors,
isValidating,
suggestions
} = useSmartValidation({
provider: 'openai',
apiKey: process.env.REACT_APP_OPENAI_API_KEY,
context: 'user registration form'
});

const handleBlur = async (field, value) => {
await validate(field, value);
};

return (



name="email"
onBlur={(e) => handleBlur('email', e.target.value)}
/>
{errors.email && {errors.email}}
{suggestions.email && {suggestions.email}}

);
}


`

📖 Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| provider | string | - | AI provider |
| apiKey | string | - | API key |
| context | string | - | Form context |
| onSubmit | function | - | Submit handler |
| validateOnBlur | boolean | true | Validate on blur |
| showSuggestions | boolean | true | Show AI suggestions |

🎨 Customization

`css
:root {
--aireact-form-error: #f44336;
--aireact-form-success: #4caf50;
--aireact-form-hint: #2196f3;
}
``

📦 Related Packages

$3

- @aireact/core - Core AI Client
- @aireact/autosuggest - AI Suggestions
- @aireact/predictive-input - Predictive Text
- @aireact/chatbot - AI Chat Components

$3

- @aivue/smartform - Vue SmartForm
- @aivue/core - Vue Core AI Client

$3

- @aiangular/smartform - Angular SmartForm

🔗 More Information

- GitHub Repository
- Full Documentation
- Report Issues

📄 License

MIT © Bharatkumar Subramanian