Skip to main content

Developer Packages

NetPad provides npm packages for developers who want to integrate NetPad forms, workflows, and applications into their projects. Each package serves a specific purpose and can be used independently or together.

Available Packages​

@netpad/forms​

React component library for rendering NetPad forms in your applications.

Use when: You want to embed NetPad forms in your React application.

Key Features:

  • 28+ field types
  • Multi-page wizard support
  • Conditional logic engine
  • TypeScript support
  • Form validation
  • Custom styling

📖 Full Documentation →

@netpad/workflows​

Type-safe TypeScript API client for NetPad workflows.

Use when: You need to trigger workflows programmatically from your backend or scripts.

Key Features:

  • Workflow API client
  • Execution management
  • Type-safe TypeScript API
  • Status polling utilities
  • Error handling

📖 Full Documentation →

@netpad/cli​

Command-line tool for managing NetPad applications.

Use when: You want to manage NetPad applications, packages, and projects from the terminal.

Key Features:

  • Install packages from npm registry
  • Search for NetPad packages
  • Create new application packages
  • Authenticate with NetPad API
  • Manage installed applications

📖 Full Documentation →

@netpad/templates​

Production-ready form templates with encryption support.

Use when: You want to use pre-built form templates programmatically or create custom templates.

Key Features:

  • 100+ production-ready templates
  • 15 template categories
  • Field-level encryption support
  • Compliance frameworks (HIPAA, PCI-DSS, GDPR, SOC2, CCPA, FERPA)
  • TypeScript support
  • Tree-shakeable imports

📖 Full Documentation →

@netpad/mcp-server​

MCP (Model Context Protocol) server for NetPad integration.

Use when: You want AI assistants (Claude Desktop, Cursor IDE) to help build NetPad applications.

Key Features:

  • 75 AI-powered tools across 7 categories
  • Form generation and workflow automation
  • Application management and marketplace integration
  • Conversational forms and RAG support
  • Template library (25+ form templates)

📖 Full Documentation →

Quick Comparison​

PackageTypeUse CaseDocumentation
@netpad/formsReact LibraryEmbed forms in React appsForms Package →
@netpad/workflowsTypeScript ClientTrigger workflows programmaticallyWorkflows Package →
@netpad/templatesTemplate LibraryPre-built templates with encryptionTemplates Package →
@netpad/cliCLI ToolManage packages and applicationsCLI Package →
@netpad/mcp-serverMCP ServerAI-powered development assistanceMCP Server →

Installation​

All Packages​

# Forms package
npm install @netpad/forms

# Workflows package
npm install @netpad/workflows

# Templates package
npm install @netpad/templates

# CLI (global)
npm install -g @netpad/cli

# MCP Server
npm install @netpad/mcp-server

Common Use Cases​

Building a React Application with Forms​

Use @netpad/forms to embed NetPad forms in your React application:

import { FormRenderer } from '@netpad/forms';

function MyApp() {
  return <FormRenderer config={formConfig} onSubmit={handleSubmit} />;
}

Learn more →

Automating Workflows from Backend​

Use @netpad/workflows to trigger workflows from your server:

import { createNetPadWorkflowClient } from '@netpad/workflows';

const client = createNetPadWorkflowClient({ /* config */ });
await client.executeWorkflow('workflow-id', { variables: {} });

Learn more →

Managing Applications via CLI​

Use @netpad/cli to manage applications from the terminal:

netpad install @netpad/customer-portal
netpad publish

Learn more →

AI-Powered Development​

Use @netpad/mcp-server with Claude Desktop or Cursor IDE:

"Create a customer feedback application with an NPS survey form"

Learn more →

Resources​

Next Steps​