Visual Circuit Builder for AI Pipelines & Data Processing
Design circuits • Build AI workflows • Process data visually - No code required
SoftChip Studio is a visual circuit builder and node-based editor for designing AI-powered data pipelines. Drag-and-drop soft microchips onto a canvas, connect them like electronic circuits, and build powerful data processing workflows — all without writing code.
Think of it as combining circuit design with AI pipelines: like hardware schematic design meets n8n workflow automation. Each chip has input/output pins that you connect to route data through your AI pipeline, making complex data transformations visual and intuitive.
Build AI workflows with GPT-4, Claude, Kimi, Qwen and process audio, text, images, and signals with our 60+ ready-to-use chips.
SoftChip Studio supports all major AI providers with a bring-your-own-key model:
| Provider | Models | Capabilities |
|---|---|---|
| OpenAI | GPT-4o, GPT-4, GPT-3.5 | Chat, Image Generation, Embeddings, Vision |
| Anthropic | Claude 3.5 Sonnet, Claude 3 Opus, Haiku | Chat, Analysis, Long Context |
| ZAI | Z-AI Pro, Z-AI Standard | Chat, Analysis |
| Kimi (Moonshot) | moonshot-v1-8k/32k/128k | Long context chat, Document analysis |
| Qwen | Qwen-Turbo, Qwen-Plus, Qwen-Max | Chat, Analysis, Multilingual |
| Custom APIs | Any OpenAI-compatible | Full flexibility for custom endpoints |
| Category | Count | Key Chips |
|---|---|---|
| AI & LLM | 13 | AI Chat, Image Generator, Vision, Embeddings, Summarizer, Translator, Code Generator, Sentiment |
| Workflow | 6 | Trigger, Loop, Merge, Delay, Condition |
| Connectors | 4 | HTTP Request, Webhook Receiver |
| Input | 6 | Audio File, CSV, JSON, Image, Text, Microphone |
| Output | 6 | Audio Player, Waveform, Spectrum, Data Table, Download |
| Signal Processing | 6 | FFT, FIR Filter, Signal Generator, Envelope |
| Data | 4 | JSON Parser, Base64, CSV Parser |
| Math | 3 | Calculator, Statistics, PID Controller |
| Logic | 4 | AND, OR, NOT, Comparator |
| Protocol | 4 | UART Encoder/Decoder, Modbus RTU |
| Security | 2 | Hash (SHA-256), Encryption |
Build complex automated workflows with visual tools:
-
Workflow Triggers - Manual, webhook, scheduled execution
-
Conditional Branching - If/else logic with multiple operators
-
Loops - Iterate over arrays and process in batches
-
Parallel Execution - Run multiple branches simultaneously
-
Merge - Combine results from parallel branches
-
Delays - Time-based workflow control
-
Error Handling - Graceful failure with fallbacks
- Audio Processing - Upload real WAV/MP3 files, visualize waveforms, analyze frequencies with FFT
- CSV/Excel - Parse spreadsheets, transform data, export results
- JSON APIs - Fetch API data, transform, and process
- Image Analysis - Upload images, analyze with AI Vision
- Real-time Audio - Capture from microphone, process live
- Node.js 18+ or Bun runtime
- npm, yarn, pnpm, or bun package manager
# Clone the repository
git clone https://github.com/tarulahsan/softchip-studio.git
cd softchip-studio
# Install dependencies
bun install
# OR with npm
npm install
# Start development server
bun run dev
# OR
npm run devOpen http://localhost:3000 in your browser.
bun run build
bun run start- Click the button above
- Connect your GitHub account
- Vercel will automatically deploy
- Your app will be live at
your-app.vercel.app
- Open the Circuit Builder
- Click the "AI Providers" button in the toolbar
- Enter your API key for your preferred provider:
- OpenAI: Get keys from platform.openai.com
- Anthropic: Get keys from console.anthropic.com
- Kimi: Get keys from platform.moonshot.cn
- Qwen: Get keys from dashscope.console.aliyun.com
- Keys are stored locally in your browser (never sent to servers)
- Start building AI-powered workflows!
- Add Input Chip → Drag a "Text Input" chip onto the circuit canvas
- Add AI Chip → Drag an "AI Chat" chip and connect its input pin to the text output pin
- Configure → Select your AI provider and model in chip settings
- Add Output → Connect AI response output to a "Value Display" chip
- Run → Click the Run button to execute your circuit pipeline
Each chip is like an integrated circuit component with:
- Input Pins (left side) - Where data enters the chip
- Output Pins (right side) - Where processed data exits
- Parameters - Configuration options for the chip
- Execute Function - The internal processing logic
Connect chips by drawing wires from output pins to input pins, just like designing electronic circuits!
- Click on an output pin (right side of chip)
- Then click on an input pin (left side of another chip)
- A connection line will appear between them
- Click Run to execute the circuit
Get started quickly with pre-built templates:
| Template | Description | Use Case |
|---|---|---|
| AI Chatbot Pipeline | Conversational AI with memory | Customer support, virtual assistants |
| Audio Spectrum Analyzer | FFT-based audio analysis | Audio engineering, music production |
| Multi-Language Translator | Translate to any language | Internationalization, content localization |
| Document Summarizer | Summarize long documents | Research, news aggregation |
| AI Image Generator | Generate images from text | Content creation, marketing |
| AI Code Generator | Generate code from descriptions | Development acceleration |
| Sentiment Analysis | Analyze text sentiment | Social media monitoring, reviews |
| Signal Filter Pipeline | Filter and analyze signals | Audio processing, sensor data |
| HTTP API Workflow | Fetch and process API data | API integration, data pipelines |
| AI Chain Workflow | Chain multiple AI operations | Complex AI pipelines |
- 🚀 Rapid Prototyping - Quickly test AI pipelines before building production systems
- 🔄 Multi-Model Comparison - Compare outputs from different AI models side-by-side
- 📊 AI Data Enrichment - Process datasets with AI analysis
- 💬 Conversation Design - Design and test chatbot flows
- 📈 ETL Pipelines - Build visual extract-transform-load workflows
- ⚡ Real-time Processing - Process live data streams
- 🔌 API Integration - Connect multiple APIs without coding
- 🔄 Data Transformation - Transform data between formats
- 🎵 Spectrum Analysis - Visualize frequency content of audio
- 🎚 Signal Filtering - Apply lowpass/highpass filters
- 📊 Waveform Visualization - See audio signals in real-time
- 🎛 Audio Processing - Process and modify audio files
- 📡 Protocol Simulation - Test UART, Modbus protocols
- 🔧 Data Encoding - Encode data for transmission
- 📊 Sensor Analysis - Process and visualize sensor data
- 🖥️ Embedded Prototyping - Prototype embedded systems visually
- ✍️ Content Generation - Generate text, images, and code
- 🌍 Translation - Translate content to multiple languages
- 📝 Summarization - Create summaries of long content
- ❤️ Sentiment Analysis - Analyze audience reactions
| Feature | Benefit |
|---|---|
| No Code Required | Build complex pipelines without programming knowledge |
| Visual Interface | See data flow through your pipeline in real-time |
| Multi-Provider AI | Use any AI model - GPT, Claude, Kimi, Qwen, custom |
| Real Data Processing | Process actual files - audio, CSV, JSON, images |
| Local Processing | All processing happens in your browser - data stays private |
| Instant Deployment | Deploy to Vercel with one click |
| Extensible | Add custom chips for your specific needs |
| Template Library | Start quickly with 10 pre-built templates |
| Feature | SoftChip Studio | n8n | LangChain |
|---|---|---|---|
| Visual Builder | ✅ | ✅ | ❌ |
| AI Integration | ✅ 13 chips | Limited | ✅ |
| No Backend Required | ✅ | ❌ | ❌ |
| Real-time Execution | ✅ | ✅ | ✅ |
| Audio Processing | ✅ Built-in | ❌ | ❌ |
| Protocol Simulation | ✅ UART/Modbus | ❌ | ❌ |
| Learning Curve | Low | Medium | High |
softchip-studio/
├── src/
│ ├── app/
│ │ ├── page.tsx # Main application (3000+ lines)
│ │ ├── layout.tsx # Root layout with metadata
│ │ └── globals.css # Global styles & animations
│ ├── components/
│ │ └── ui/ # 40+ shadcn/ui components
│ ├── hooks/ # Custom React hooks
│ └── lib/ # Utility functions
├── prisma/
│ └── schema.prisma # Database schema for projects
├── public/ # Static assets (logo, icons)
├── package.json # Dependencies & scripts
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── LICENSE # Custom license
| Category | Technology | Version |
|---|---|---|
| Framework | Next.js | 16.x |
| Language | TypeScript | 5.x |
| Styling | Tailwind CSS | 4.x |
| UI Components | shadcn/ui (Radix) | Latest |
| Animation | Framer Motion | 12.x |
| State Management | React Hooks | 19.x |
| Database | Prisma (SQLite) | 6.x |
| Icons | Lucide React | Latest |
| Package Manager | Bun | 1.x |
- API Keys Stored Locally - Your AI API keys never leave your browser
- No Backend Required - All processing happens client-side
- No Tracking - No analytics, cookies, or user tracking
- No Account Required - Start building immediately
- Open Source - Audit every line of code
We welcome contributions! Here's how to help:
- 🐛 Report Bugs - Open an issue with details
- 💡 Suggest Features - Share your ideas in discussions
- 🔧 Add Chips - Create new chip types
- 📖 Improve Docs - Help with documentation
- 🎨 Design Templates - Create useful templates
- 🌐 Translate - Add language support
# Fork and clone
git clone https://github.com/YOUR_USERNAME/softchip-studio.git
# Install dependencies
bun install
# Start dev server
bun run dev
# Make changes and test
# Submit a pull requestPersonal Use: Free to use for personal, educational, and non-commercial purposes.
Commercial Use: Requires special permission. Contact for commercial licensing.
See LICENSE file for full terms.
- shadcn/ui - Beautiful, accessible UI components
- Lucide - Beautiful, consistent icons
- Framer Motion - Production-ready animations
- n8n - Inspiration for workflow automation
- Vercel - Seamless deployment platform
- GitHub Issues: Report bugs or request features
- GitHub Discussions: Ask questions
Built with ❤️ by Tarul Ahsan
