KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

WebIDE

★ 76 Open GitHub ↗

Android for WebIDE

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# WebIDE ![Stone Badge](https://stone.professorlee.work/api/stone/h465855hgg/WebIDE)

![Version](https://img.shields.io/badge/version-0.3.8-blue?style=flat-square)
[![Language](https://img.shields.io/badge/Language-Kotlin-blue?style=flat-square)](https://kotlinlang.org/)
[![UI](https://img.shields.io/badge/UI-Jetpack_Compose-green?style=flat-square)](https://developer.android.com/jetpack/compose)
[![License](https://img.shields.io/badge/License-GPLv3-orange?style=flat-square)](https://raw.githubusercontent.com/h465855hgg/WebIDE/main/LICENSE)

[ [**English**] ] | [ [中文](README_CN.md) ]

WebIDE is a native Android Integrated Development Environment (IDE) for web front-end development. Built entirely with Jetpack Compose, this project implements a complete workflow ranging from code editing to building APKs directly on your mobile device.

This is an experimental engineering project; its core architecture and code logic were collaboratively completed by multiple AI models (Claude, Gemini, DeepSeek).

## Screenshots

## Project Structure

The main code is located in `app/src/main/java/com/web/webide/`. The directory structure and functions are as follows:

```text
com.web.webide
├── build/              # Custom APK build system
│   ├── ApkBuilder.java # Core logic for compiling and packaging APKs
│   ├── ApkInstaller.kt # Handles APK installation
│   └── ...             # Encryptor, ZipAligner
├── core/               # App-specific core infrastructure
│   └── utils/          # Utilities (Backup, CodeFormatter, WorkspaceManager, etc.)
├── files/              # File system module
│   ├── FileIcons.kt    # Icon resource mapping
│   └── FileTree.kt     # File explorer UI and logic
├── ui/                 # Interface layer (Jetpack Compose)
│   ├── components/     # Shared UI components
│   ├── editor/         # Code editor screen
│   ├── preview/        # Web preview screen
│   ├── settings/       # Application settings and about screens
│   ├── terminal/       # Terminal emulator (Alpine Linux integration)
│   ├── theme/          # Design system (Colors, Typography)
│   └── welcome/        # Welcome/Onboarding screen
```

**Key Assets (`app/src/main/assets/`)**:
*   `textmate/`: TextMate grammars and configurations for syntax highlighting.
*   `queries/`: Syntax tree queries.
*   `init-host.sh`, `init.sh`, `proot`, `rootfs.bin`: Files for the embedded Alpine Linux environment.

## Features

*   **Syntax Highlighting**: Based on TextMate grammar files, providing perfect support for HTML, CSS, JavaScript, and JSON.
*   **Code Completion (LSP)**: Built-in language servers for smart completion and diagnostics, with theme-aware popup colors that adapt to light/dark mode.
*   **Project Management**: Full file system access permissions, supporting the creation and management of multi-file Web projects.
*   **Real-time Preview**: Integrated WebView preview environment supporting JavaScript interaction testing.
*   **Terminal Emulator**: Embedded Alpine Linux environment (via proot) with a terminal, multi-session management, and virtual keys for Ctrl/Alt/Shift/Fn.
*   **Modern UI**: Written 100% in Kotlin and Jetpack Compose, supporting dynamic themes.
*   **Git Integration**: Built-in Git version control with a visual commit history graph, supporting Clone, Commit, Push, Pull, and Branch management. Automatically ignores sensitive files and build artifacts.
*   **Localization (i18n)**: Strings live in a dedicated `:i18n` module, currently shipping Chinese and English. Adding a language only requires dropping a new `values-<locale>/strings.xml` — contributions are welcome.

## Roadmap & Challenges

We are actively improving WebIDE. Here are the main plans and current challenges:

*   **More Languages**: The i18n module is ready for community translations (Japanese, French, Traditional Chinese, etc.).
*   **Custom Syntax Highlighting**: Allow users to import and customize TextMate grammars and color themes.
*   **Cloud Resources & Size Optimization**: The biggest challenge today is the large APK size caused by the embedded Linux environment. We plan to move large assets like `rootfs.bin` to cloud storage for on-demand download, significantly reducing the initial install size.

## Discussion

* QQ Group: [1050254184](https://qm.qq.com/q/tFXuqMQDlK)
* TG Group: [Android_For_WebIDE](https://t.me/Android_For_WebIDE)

## Contributors

## License

```
WebIDE - A powerful IDE for Android web development.
Copyright (C) 2025  如日中天  <3382198490@qq.com>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.
```

[![Star History Chart](https://api.star-history.com/svg?repos=h465855hgg/WebIDE&type=Date)](https://star-history.com/#h465855hgg/WebIDE&Date)

WebIDE

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README