Pyxis - Client Side Code Editor
A lightweight, browser-based IDE designed for iPad with 1-second startup, supporting 18 languages. Features Git integration, Node.js/TypeScript runtime, Markdown/Mermaid/LaTeX support, and live reload for web development.
1 sec
Startup Speed
Instant startup with serverless static hosting
18
Languages
Global language support
1.04MB
Bundle Size
Lightweight and fast
Web/iPad/Desktop
Platform
Works everywhere with Tauri support
System Architecture
Complete processing flow showing data management, file system operations, runtime execution, and extension system integration.
Technologies Used
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- Monaco Editor
- xterm.js
- Tauri
- IndexedDB
- Lightning FS
- isomorphic-git
- node-stdlib-browser
- Babel Standalone
Features
Multi-language Support
- 18 languages supported globally
- 日本語 • English • 中文 • 繁體中文 • 한국어 • Español • Français • Deutsch • Italiano • Português • Русский • Nederlands • Türkçe • العربية • हिन्दी • ไทย • Tiếng Việt • Bahasa Indonesia • Svenska • Polski
Rich Document Creation
- Markdown editor with real-time preview
- Mermaid diagram support for flowcharts
- LaTeX mathematical expression rendering
- Perfect for technical documentation and blog writing
Live Reload
- HTML/CSS/JS instant browser reflection
- No setup required for quick web development
- Custom implementation without WebContainer for speed
Git Version Control & GitHub Integration
- Visual diff, branch operations, merge, reset
- Export with .git directory included
- GitHub push/pull with PAT authentication
- Safe learning environment for Git beginners
AI Assistant
- Code diff suggestions and adoption support
- Ask & Edit functionality for efficient development
- Context preservation while working with files
Node.js & TypeScript Runtime
- Custom implementation without WASM
- TypeScript execution via Babel Standalone
- File operations (fs, readline, userinterface)
- Instant execution with zero compile time
Advanced Shell System
- Full POSIX shell script support in browser
- Pipeline processing (cmd1 | cmd2 | cmd3)
- Complete redirection support (>, >>, <, 2>&1)
- Control structures (if/then/else, for/while loops)
- Variable expansion ($VAR, $(command), $((arithmetic)))
- StreamShell architecture for memory-efficient data flow
Extension System
- CLI template generation with pnpm run create-extension
- Full npm library support
- Terminal command extensions via API
- VSCode-like UI extensions with custom tabs/sidebar panels
- Language packs and service extensions
- Safe sandboxed design with IndexedDB persistence
Tauri Desktop Support
- Native app for Windows/Mac/Linux
- Same experience as web version on desktop
- Works offline
