Thanks to visit codestin.com
Credit goes to www.netpad.io

NetPad

NetPad

Open Source

The Complete MongoDBData Platform

Collect data with forms or conversations. Automate with workflows. Explore with a visual data browser. All connected to MongoDB. Powered by AI. No code required.
1
Collect
Forms

Build beautiful, MongoDB-connected forms with 30+ field types, validation, and conditional logic.

2
Automate
Workflows

Create visual automation flows triggered by form submissions, schedules, or database events.

3
Explore
Data

Browse, search, and manage your MongoDB collections with a powerful visual data explorer.

4
Engage
AI & Conversational

Collect data through natural language conversations. AI-powered forms that feel like chatting with a helpful assistant.

30+

Field Types

160+

API Endpoints

12+

AI Agents

Free

MongoDB Atlas

Collect

Build Forms That
Connect to MongoDB

Create professional data collection forms with 30+ field types, validation, conditional logic, and computed fields. Data flows directly to your MongoDB collections.

Start Building
Schema Import
Auto-generate forms from your MongoDB collection schema.
Conditional Logic
Show or hide fields based on user input dynamically.
Lookup Fields
Reference data from other collections with autocomplete.
Computed Fields
Formula-based calculations that update in real-time.
Visual Workflow Builder
Design automation flows with our drag-and-drop canvas. No coding required.
MongoDB Triggers
React to database events like inserts, updates, and deletes automatically.
Scheduled Jobs
Run workflows on a schedule with cron expressions. Perfect for reports and maintenance.
Data Transformations
Transform, filter, and route data between collections and external services.
Automate

Visual Workflow
Automation

Build powerful automations with a drag-and-drop canvas. Trigger workflows from form submissions, schedules, or database events. AI-assisted workflow generation included.

Create Workflow
Explore

Visual Data
Browser

Browse, search, and manage your MongoDB collections without writing queries. View data as tables, cards, or raw JSON. Edit documents with a schema-aware editor.

Explore Data
Visual Search
Find documents instantly with full-text and field-specific search.
Multiple Views
Switch between table, card, and JSON views for your data.
Document Editor
Edit documents directly with a schema-aware visual editor.
Import & Export
Bulk import data or export to JSON and CSV formats.
Engage

Collect Data Through
Conversation

Replace traditional form fields with natural language dialogue. AI-powered conversational forms guide users through data collection, ask clarifying questions, and extract structured data automatically.

Try Conversational Forms
IT Helpdesk Example
Template

Hi! I'm here to help you submit an IT support ticket. What kind of issue are you experiencing?

My laptop won't turn on

I'm sorry to hear that. When you say it won't turn on, does the screen stay completely black, or do you see any lights or error messages?

→ Extracted Data: issueCategory: "hardware", urgencyLevel: "high", description: "Laptop won't power on..."
AI-Powered

12+ AI Agents at Your Service

Generate forms and workflows from natural language. AI helps you build faster, optimize performance, ensure compliance, and translate content.

Form Building
AI Form Generation
Describe what you need, get a complete form
Smart Validation
Auto-suggest validation rules for your fields
Logic Builder
AI-assisted conditional logic configuration
Formula Helper
Generate and explain calculated field formulas
Optimization & Insights
Form Optimization
Analyze and improve form performance
Response Insights
Analyze submission patterns and trends
Response Processing
Process and transform responses automatically
Compliance & Translation
Compliance Audit
Check for regulatory compliance (HIPAA, GDPR)
Auto-Translation
Translate forms to multiple languages
Workflow & Automation
Workflow Generator
Generate workflows from natural language

Enterprise-Ready Platform

Built on MongoDB Atlas with complete data ownership, security, and portability.

Auto-Provisioned Database
Get a free MongoDB Atlas M0 cluster automatically when you sign up. Zero configuration required.
Projects & Environments
Organize work by environment (dev, staging, prod) or initiative. Project-level analytics and exports.
Field-Level Encryption
Protect sensitive data with MongoDB Queryable Encryption. Your data stays secure.
Data Portability
Export your data anytime as JSON or CSV. Take ownership and transfer to your own cluster.
Organization Management
Create organizations, invite team members, and manage permissions.
One-Click Deployment
Deploy your own instance to Vercel with auto-provisioned database. From database to production in minutes.
Encrypted Vault
Connection strings encrypted at rest
Passkey Login
WebAuthn/FIDO2 biometric authentication
Bot Protection
Turnstile CAPTCHA integration
Access Control
Role-based permissions per form
npm package

Use NetPad Forms in
Your Own Apps

Install @netpad/forms and render sophisticated multi-page wizards with validation, conditional logic, and nested data — all from JSON configuration.

$ npm install @netpad/forms

View on npmDocumentation
28+ Field Types
Text, email, date, select, rating, file upload, and more
Multi-page Wizards
Progress tracking, page navigation, step validation
Conditional Logic
Show/hide fields based on user input
TypeScript
Full type safety with exported types
Employee Onboarding Demo
~300 lines
// Complete 3-page wizard with:
// ✓ Progress tracking
// ✓ Conditional fields
// ✓ Nested data (emergencyContact.name)
// ✓ Validation

const onboardingForm: FormConfiguration = {
  name: 'Employee Onboarding',
  fieldConfigs: [
    { path: 'firstName', type: 'short_text', required: true },
    { path: 'email', type: 'email', required: true },
    { path: 'department', type: 'dropdown', options: [...] },
    { path: 'officeLocation', type: 'dropdown',
      conditionalLogic: {
        action: 'show',
        conditions: [{ field: 'workType', operator: 'equals', value: 'hybrid' }]
      }
    },
  ],
  multiPage: {
    enabled: true,
    pages: [...]
  },
};
Example App

Start with a
Working Example

Clone the Employee Onboarding Demo to see how to build a complete multi-page form wizard. What would take 2-4 weeks from scratch takes under 300 lines with @netpad/forms.

3-Page Wizard
Conditional Fields
Nested Data
Form Validation
View ExampleSee Code Comparison
npm package

Automate Workflows
From Your Code

Use @netpad/workflows to trigger workflow executions, poll for completion, and manage workflows programmatically from your backend services.

$ npm install @netpad/workflows

Execute Workflows
Trigger workflows programmatically with custom payloads
Wait for Completion
Built-in polling with waitForExecution helper
Lifecycle Control
Activate, pause, archive workflows via API
TypeScript
Full type safety with comprehensive type exports
Workflow Integration Demo
Interactive
import { createNetPadWorkflowClient } from '@netpad/workflows';

const client = createNetPadWorkflowClient({
  baseUrl: 'https://your-netpad.com',
  apiKey: 'np_live_xxx',
  organizationId: 'org_123',
});

// Execute a workflow
const { executionId } = await client.executeWorkflow(
  'order-processing',
  { payload: { orderId, customerId } }
);

// Wait for completion
const result = await client.waitForExecution(executionId, {
  timeoutMs: 60000,
  intervalMs: 2000,
});

console.log('Status:', result.execution.status);
console.log('Output:', result.execution.result?.output);
Example App

Try the Interactive
Workflow Demo

Explore the Workflow Integration Demo to see how to connect to NetPad, trigger executions, and monitor workflow status from your own applications.

Live Connection
Execute & Monitor
Code Examples
Error Handling
ai assistant

Build Forms with
AI Assistance

Use @netpad/mcp-server with Claude, Cursor, or any MCP-compatible AI to generate forms, scaffold apps, and integrate workflows using natural language.

$ npx @netpad/mcp-server

View on npmDocumentation
22 AI Tools
Form generation, workflow integration, app scaffolding & more
Natural Language
Describe your form in plain English, get complete configs
Best Practices
Built-in guidance for form design, security & workflows
Full Stack Generation
Generate Next.js apps, API routes & MongoDB queries
AI Form Generation
22 Tools
// Claude Desktop config
{
  "mcpServers": {
    "netpad-forms": {
      "command": "npx",
      "args": ["@netpad/mcp-server"]
    }
  }
}

// Then just ask Claude:
"Create a lead capture form for a SaaS product
 with company size dropdown and interest checkboxes"

// Claude generates complete form config,
// API routes, and MongoDB queries automatically
MCP Protocol

Natural Language
Form Development

The MCP server provides 22 specialized tools for AI assistants. Generate forms, validate configs, scaffold Next.js apps, and get best practices — all through conversation.

Form Generation
App Scaffolding
Workflow Integration
Debug & Validate
Deployment

From Database to Production
in Minutes

Deploy your own NetPad instance with one click. Auto-provision a MongoDB Atlas cluster, configure custom branding, and go live in minutes. Perfect for self-hosting or white-label deployments.

One-Click Deploy
Auto-Provision DB
Custom Branding
Custom Domain
Vercel
Primary deployment target with full integration
Netlify
Framework support for alternative hosting
Railway
Self-hosted deployment options
Self-Hosted
Full control with Docker support
Built for Developers

Full REST API, webhooks, and JSON export. Self-host or use our managed service.

@netpad/forms
@netpad/workflows
160+ API Endpoints
12+ AI Agents
Webhook Support
JSON Export
Open Source
View on GitHub
Ready to get started?

Free MongoDB Atlas cluster included. No credit card required.

Build a FormCreate WorkflowExplore Data
Or deploy your own instance
NetPad

NetPad

Built with MongoDB, Next.js, and Material-UI

Why NetPad?PricingPrivacyTermsMCP ServerGitHubStatusDeployMongoDB