---
sidebar_position: 1
---
# Introduction
Welcome to **Brummer** - your Terminal UI Development Buddy that transforms chaotic terminal management into an organized, efficient workflow.
## See Brummer in Action

## What is Brummer?
Brummer is a powerful terminal UI that revolutionizes how developers manage npm/yarn/pnpm/bun scripts. Instead of juggling multiple terminal windows, Brummer provides a single, intelligent interface for all your development processes.
### Before Brummer π«
```bash
# Terminal 1: Frontend
npm run dev
# Terminal 2: Backend
npm run api
# Terminal 3: Tests
npm run test:watch
# Terminal 4: Database
docker-compose up
# Terminal 5: Where's that error?
# Terminal 6: Which process crashed?
# Terminal 7: What port was that on?
```
### With Brummer π
```bash
brum
# Everything in one beautiful interface!
```
## Real-World Benefits
### π― For Frontend Developers
- **Hot Reload Monitoring**: See exactly when rebuilds happen
- **Error Highlighting**: TypeScript errors stand out immediately
- **Bundle Size Tracking**: Monitor build performance
- **Test Integration**: Run tests alongside development
### π§ For Full-Stack Developers
- **Service Orchestration**: Start frontend, backend, and database together
- **API Monitoring**: Track requests and responses
- **Database Management**: Run migrations and seeders easily
- **Unified Logging**: All services in one view
### π¦ For Monorepo Teams
- **Workspace Management**: Handle multiple packages effortlessly
- **Dependency Tracking**: See build order and caching
- **Parallel Execution**: Monitor concurrent tasks
- **Cross-Package HMR**: Track changes across packages
## Why Developers Love Brummer
### 1. **Zero Configuration**
```bash
# Just run in any project
cd my-project
brum
```
### 2. **Intelligent Error Detection**

Brummer automatically:
- β
Detects errors across all processes
- β
Groups related errors together
- β
Preserves full stack traces
- β
Highlights the important parts
### 3. **Process Management Made Easy**

- **Visual Status**: Know at a glance what's running
- **Quick Controls**: Stop, restart, or start new processes
- **Resource Monitoring**: Track CPU and memory usage
- **Smart Grouping**: Related processes stay together
### 4. **Powerful Log Management**
```bash
# Filter logs instantly
/show error
/hide webpack
/show api
# Search across all processes
/search "user authentication"
```
### 5. **IDE Integration**
Connect your favorite tools:
- **VS Code** β
- **Cursor** β
- **Claude Code** β
- **Windsurf** β
- **And more...**
## Perfect For
### π Startups
- Onboard developers faster
- Standardize development environments
- Reduce context switching
- Improve debugging efficiency
### π’ Enterprise Teams
- Manage complex microservices
- Monitor multiple environments
- Integrate with CI/CD pipelines
- Maintain consistency across teams
### π©βπ» Individual Developers
- Simplify daily workflows
- Learn from better error messages
- Focus on coding, not terminal management
- Boost productivity
## Core Features at a Glance
| Feature | Description |
|---------|-------------|
| **Multi-Package Support** | npm, yarn, pnpm, bun - all supported |
| **Monorepo Ready** | Turborepo, Nx, Lerna, Rush integration |
| **Smart Detection** | Auto-discovers scripts and commands |
| **Error Intelligence** | Contextual error detection and grouping |
| **Process Control** | Start, stop, restart with one key |
| **Log Filtering** | Powerful search and filter capabilities |
| **URL Collection** | Auto-detects and tracks URLs |
| **MCP Server** | API for external tool integration |
| **Cross-Platform** | Works on macOS, Linux, and Windows |
## Quick Wins
### Day 1: Immediate Benefits
- π― All processes in one view
- π― No more lost terminals
- π― Errors are instantly visible
- π― One-key process control
### Week 1: Workflow Transformation
- π Faster debugging with grouped errors
- π Better understanding of process interactions
- π Reduced context switching
- π More productive development
### Month 1: Team Impact
- π Standardized workflows across team
- π Faster onboarding for new developers
- π Fewer environment-related issues
- π Improved collaboration
## Get Started in 30 Seconds
```bash
# Install
curl -sSL https://raw.githubusercontent.com/standardbeagle/brummer/main/quick-install.sh | bash
# Or with npm
npm install -g brummer
# Run
cd your-project
brum
```
That's it! No configuration needed.
## What's Next?
Ready to transform your development workflow?
1. **[Quick Start](./quick-start)** - Get running in minutes
2. **[First Project Tutorial](./tutorials/first-project)** - Step-by-step walkthrough
3. **[Examples](./examples/react-development)** - Real-world use cases
4. **[MCP Integration](./mcp-integration/overview)** - Connect your IDE
---
<div style="text-align: center; margin-top: 50px;">
<h3>Join thousands of developers who've simplified their workflow with Brummer</h3>
<p>
<a href="https://github.com/standardbeagle/brummer" target="_blank">β Star on GitHub</a> |
<a href="./installation">π¦ Install Now</a> |
<a href="./tutorials/first-project">π Tutorial</a>
</p>
</div>