Skip to content

Repository files navigation

Rigpaz

AI-Powered Cloud IDE built for modern developers.

Write. Run. Debug. Ship.

A complete development environment running entirely inside your browser.

[Next.js] [React] [TypeScript] [TailwindCSS] [License]

🌐 Live Demo


✨ Overview

Rigpaz is an AI-powered browser IDE that delivers a complete coding environment without requiring users to install anything locally.

Instead of being "just another online editor", Rigpaz spins up a real Node.js runtime inside the browser using WebContainers, giving developers access to:

  • Monaco Editor
  • AI coding assistant
  • Integrated Terminal
  • Live Preview
  • File Explorer
  • GitHub Repository Import
  • AI File Attachments
  • Shareable Projects
  • Autosave
  • Command Palette

Everything happens directly inside the browser.


🚀 Features

🤖 AI Coding Assistant

Ask coding questions directly inside your project.

  • Context aware conversations
  • Markdown responses
  • Project history
  • File attachment support
  • Persistent chat

📂 AI File Attachments

Instead of explaining your code...

Attach it.

Rigpaz lets the AI read selected project files before generating responses.

Perfect for:

  • Debugging
  • Code reviews
  • Refactoring
  • Architecture discussions

💻 Monaco Editor

Powered by Microsoft's Monaco Editor.

Features include:

  • Syntax highlighting
  • IntelliSense
  • Multiple tabs
  • Themes
  • Fast editing experience

⚡ Inline AI Code Completion

Ghost-text suggestions powered by AI.

Like GitHub Copilot, directly inside Monaco.


🖥 Browser Terminal

A real terminal powered by:

  • xterm.js
  • WebContainers

Run commands like:

npm install
npm run dev
node index.js

without installing Node locally.


🌍 Real Runtime

Rigpaz isn't a fake playground.

It boots a real Node.js environment inside the browser.

That means:

  • npm
  • package.json
  • build tools
  • frameworks
  • live servers

all work naturally.


🔥 Live Preview

See your application update instantly while developing.

No external tooling required.


📦 Starter Templates

Start instantly with ready-made projects.

Includes:

  • React
  • Next.js
  • Vue
  • Angular
  • Express
  • Hono

🔗 GitHub Repository Import

Paste a public GitHub repository.

Rigpaz automatically creates a playground from it.

No cloning.

No setup.


👥 Share Projects

Generate public share links.

Others can explore your project without creating an account.


💾 Autosave

Changes are automatically saved.

Never lose work.


⌘ Command Palette

Quick keyboard-driven workflow inspired by VS Code.


🏗 Tech Stack

CategoryTechnology
FrameworkNext.js 16
LanguageTypeScript
UIReact 19
StylingTailwind CSS v4
Componentsshadcn/ui
DatabaseMongoDB
ORMPrisma
AuthenticationAuth.js v5
EditorMonaco
RuntimeWebContainers
Terminalxterm.js
AI ChatGroq
Code CompletionMistral Codestral
DeploymentVercel

📸 Screenshots

Add screenshots here.

Landing Page
Editor
Terminal
AI Chat
Live Preview
GitHub Import

⚙ Installation

Clone the repository

git clone https://github.com/othzer/rigpaz.git

Move into the project

cd rigpaz

Install dependencies

npm install

Create environment variables

cp .env.example .env

Generate Prisma client

npx prisma generate

Start development server

npm run dev

🔑 Environment Variables

Rigpaz requires:

DATABASE_URL
AUTH_SECRET
AUTH_GITHUB_ID
AUTH_GITHUB_SECRET
AUTH_GOOGLE_ID
AUTH_GOOGLE_SECRET
GROQ_API_KEY
MISTRAL_API_KEY

See .env.example for the complete configuration.


📁 Project Structure

app/
components/
actions/
lib/
prisma/
hooks/
types/
public/

💡 Why Rigpaz?

Most online editors either:

❌ Don't have a real runtime

❌ Can't run npm

❌ Don't support AI properly

❌ Require complicated setup

Rigpaz combines all of these into a single seamless experience.


🛣 Roadmap

  • Multiple AI providers
  • Collaborative editing
  • Git integration
  • Docker support
  • Workspace management
  • Extension marketplace
  • AI Agent mode
  • Multi-file code generation

🤝 Contributing

Contributions are always welcome.

  1. Star the repository
  2. Fork the repository
  3. Create a feature branch
  4. Commit your changes
  5. Open a Pull Request

⭐ Support

If you found Rigpaz useful,

please consider giving the repository a ⭐.

It helps more than you think.


👨‍💻 Author

Stanzin Othzer

Built with ❤️ using Next.js, WebContainers, Monaco, Prisma, Groq and Mistral.


License

Proprietary — © OtzrLabs. All rights reserved.


Code anywhere.

Build faster.

Powered by AI.

Rigpaz

About

A browser-native development platform featuring WebContainers, Monaco Editor, AI assistance, and instant live preview. Build, run, and ship applications from your browser with this development environment and intelligent coding tools.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages