riteforms

SDK for low-code form builder workflows

A powerful low-code form builder SDK that supports Vue, React, and Svelte. Create dynamic forms with conditional logic, validation, and auto-grading capabilities.

Features

• 🎨 Drag-and-drop form builder interface
• 🔄 Conditional form fields
• ✅ Built-in validation
• 📊 Auto-grading system
• 🎯 Multiple framework support (Vue, React, Svelte)
• 🎨 Customizable themes
• 📱 Responsive design

Installation

npm install @ritecorp/riteforms

Quick Start

1. Initialize RiteForms SDK

First, initialize the SDK with your API key:

import { initializeRiteForms } from '@ritecorp/riteforms';

// Initialize with your API key
initializeRiteForms({
  apiKey: 'your-api-key-here',
  baseUrl: 'https://your-backend-url.com/api', // Optional, defaults to localhost:3000
  onAuthChange: (user) => {
    console.log('Authentication changed:', user);
  }
});

2. Use Form Components

import { FormBuilder, FormRenderer } from '@ritecorp/riteforms/react';

// In your React component
function MyFormBuilder() {
  const handleFormSave = (form) => {
    console.log('Form saved:', form);
  };

  return (
    <FormBuilder 
      onFormSave={handleFormSave}
      initialConfig={{
        title: 'My New Form',
        sections: []
      }}
    />
  );
}

Framework Support

React

import { FormBuilder } from '@ritecorp/riteforms/react';

function App() {
  return <FormBuilder />;
}

Vue

import { FormBuilder } from '@ritecorp/riteforms/vue'; export default { components: { FormBuilder } }

Svelte

import { FormBuilder } from '@ritecorp/riteforms/svelte';

<FormBuilder />

Documentation

For detailed documentation, please visit our documentation site.

Contributing

We welcome contributions! Please see our contributing guide for details.

License

MIT