IDE

A high-performance web-based IDE designed to render and browse public repository code directly in your browser.

Features

• Monaco Editor: Industry-standard code editing experience.
• Syntax Highlighting: Beautiful code rendering powered by Shiki.
• Flexible Layout: Multi-tab interface and resizable panels powered by Dockview.
• File Exploration: Browse repository structures with familiar Material Icon Theme.
• Public Repo Rendering: Instantly load and view any public repository.
• Modern Stack: Built with React 19, Vite, Tailwind CSS 4, and Jotai.

Origin

This project is a fork of 1qh/idecn.

Getting Started

Prerequisites

You need Bun installed on your machine.

Installation

bun install

Development

Run the development server:

bun run dev

Building for Production

bun run build

The production-ready assets will be in the dist directory.

Deployment

Docker

You can run the IDE using Docker:

docker build -t ide .
docker run -p 3000:3000 ide

Technologies

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS 4
• Editor: Monaco Editor
• State Management: Jotai
• Icons: Lucide React & Material Icon Theme