AH IDE is a cutting-edge, web-based Integrated Development Environment designed for modern web developers. Experience a luxurious and highly responsive coding environment right in your browser, optimized for both desktop and mobile devices.
AH IDE is packed with powerful features to enhance your coding workflow:
- β‘ Dual Editor Engine:
Professional Monaco: Leverage the power of Microsoft's Monaco Editor (the core of VS Code) for rich syntax highlighting, code completion, and line numbers.Native Simple: A lightweight, fast-selecting mode for quick edits and basic text manipulation.
- π Elite Library Hub:
- Access to
25+ popular JavaScript & CSS libraries(e.g., Three.js, GSAP, Tailwind CSS, Matter.js, Axios, React, Lottie, SweetAlert2). One-click installation: Easily add libraries directly into your project folder.Installing Animations: Smooth visual feedback during library downloads.
- Access to
- π οΈ Control Center (IDE Settings):
Live Font Scaling: Adjust editor font size instantly (10px to 40px).Word Wrap Toggle: Switch betweenFit Content(word wrap ON) andFill Content(word wrap OFF for side-scrolling).Elite Themes: Choose from 4 stunning UI themes:Deep Space,Pure OLED,Cyber Neon, andGold Luxury.
- π Web API Permissions Guard:
- Granular control over sensitive browser permissions for your output:
Camera,Microphone,Geolocation (GPS),Notifications,Bluetooth,NFC,Accelerometer,Magnetometer, andBattery Status.
- Granular control over sensitive browser permissions for your output:
- π Seamless Local File System Access:
- Utilizes the native
Directory Picker APIto open and manage project folders directly from your device. Create, Open, and Savefiles directly to your local file system.
- Utilizes the native
- π₯οΈ Elite Runner:
- Execute your HTML, CSS, and JavaScript projects in a
full-screen, isolated iframeenvironment. Minimal Navigation: Clean and unobtrusive back arrow for returning to the editor.
- Execute your HTML, CSS, and JavaScript projects in a
AH IDE embraces a modern glassmorphism aesthetic, combining frosted glass effects with vibrant accents to create an immersive and elegant user interface. Every animation and transition is carefully crafted for a smooth, high-performance experience.
To run AH IDE locally:
- Clone the repository:
git clone [https://github.com/your-username/ah-ide.git](https://github.com/your-username/ah-ide.git)
- Navigate to the project directory:
cd ah-ide - Open
index.html: Simply open theindex.htmlfile in your preferred web browser.
Note: For full functionality (like file system access), it's recommended to run AH IDE on a modern browser that supports the File System Access API (e.g., Chrome, Edge).
We welcome contributions! If you have suggestions, bug reports, or want to contribute to the codebase, please feel free to:
- Fork the repository.
- Create a new branch (
git checkout -b feature/AmazingFeature). - Make your changes and commit them (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
If you love AH IDE, give us a star on GitHub! β
Remember to replace:
https://github.com/your-username/ah-idewith your actual repository URL.- The
AH IDE Bannerimage URL (you can create a simple banner image or remove that line). - The
LICENSEfile if you have a custom one, otherwise, keep MIT.
Maine isme ek placeholder banner image ka link bhi dala hai (https://via.placeholder.com/800x200/...), aap iski jagah apna khud ka banner image bana kar laga sakte hain ya simply us line ko hata sakte hain.