⚡
Real-Time Moderation
Check content as users type with debounced API calls and visual feedback
VettlyAI-Powered Content Moderation
Production-ready React components and SDK for moderating text, images, and videos
Skip to content
Quick Start
Install
bash
npm install @nextauralabs/vettly-reactbash
bun add @nextauralabs/vettly-reactbash
yarn add @nextauralabs/vettly-reactUse Components
tsx
import { ModeratedTextarea } from '@nextauralabs/vettly-react'
import '@nextauralabs/vettly-react/styles.css'
function App() {
return (
<ModeratedTextarea
apiKey="your-api-key"
placeholder="Type something..."
onModerationResult={(result) => console.log(result)}
/>
)
}Features
ModeratedTextarea
Real-time content checking with visual feedback:
- ✅ Debounced API calls (configurable delay)
- ✅ Color-coded borders (green/yellow/red)
- ✅ Status messages
- ✅ Block unsafe content option
- ✅ Fully customizable
ModeratedImageUpload
Drag-and-drop image upload with moderation:
- ✅ Drag & drop support
- ✅ Image preview
- ✅ Automatic moderation on upload
- ✅ Visual feedback
- ✅ File size/type validation
ModeratedVideoUpload
Advanced video upload with frame extraction:
- ✅ Video preview with thumbnail
- ✅ Frame-by-frame analysis
- ✅ Progress tracking
- ✅ Visual feedback per frame
- ✅ Comprehensive error handling
Why Vettly?
| Feature | Vettly | Others |
|---|---|---|
| Multi-Modal | ✅ Text, Images, Videos | ⚠️ Usually text-only |
| React Components | ✅ Production-ready | ❌ Build your own |
| Video Frame Analysis | ✅ Advanced | ❌ Not available |
| TypeScript | ✅ Full support | ⚠️ Partial |
| Real-time Feedback | ✅ Built-in | ❌ Manual |
| Framework Integrations | ✅ React, Next.js, Express | ❌ SDK only |
Examples
Check out complete working examples:
- Social Feed - Social media with content moderation
- Forum - Discussion board with moderation
- Chat App - Real-time chat with safety
Open Source
Vettly is MIT licensed and open source. Contributions welcome!