Skip to content

aa-gamerz22/HTML-Editor-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ AH IDE | Elite Master Pro

AH IDE Banner

License Version Built With

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.

🌐 Live Demo

✨ Key Features

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.
  • πŸ› οΈ Control Center (IDE Settings):
    • Live Font Scaling: Adjust editor font size instantly (10px to 40px).
    • Word Wrap Toggle: Switch between Fit Content (word wrap ON) and Fill Content (word wrap OFF for side-scrolling).
    • Elite Themes: Choose from 4 stunning UI themes: Deep Space, Pure OLED, Cyber Neon, and Gold Luxury.
  • πŸ”’ Web API Permissions Guard:
    • Granular control over sensitive browser permissions for your output: Camera, Microphone, Geolocation (GPS), Notifications, Bluetooth, NFC, Accelerometer, Magnetometer, and Battery Status.
  • πŸ“ Seamless Local File System Access:
    • Utilizes the native Directory Picker API to open and manage project folders directly from your device.
    • Create, Open, and Save files directly to your local file system.
  • πŸ–₯️ Elite Runner:
    • Execute your HTML, CSS, and JavaScript projects in a full-screen, isolated iframe environment.
    • Minimal Navigation: Clean and unobtrusive back arrow for returning to the editor.

🎨 Design Philosophy

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.


πŸš€ Getting Started

To run AH IDE locally:

  1. Clone the repository:
    git clone [https://github.com/your-username/ah-ide.git](https://github.com/your-username/ah-ide.git)
  2. Navigate to the project directory:
    cd ah-ide
  3. Open index.html: Simply open the index.html file 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).


🀝 Contributing

We welcome contributions! If you have suggestions, bug reports, or want to contribute to the codebase, please feel free to:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/AmazingFeature).
  3. Make your changes and commit them (git commit -m 'Add some AmazingFeature').
  4. Push to the branch (git push origin feature/AmazingFeature).
  5. Open a Pull Request.

πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.


🌟 Show Your Support

If you love AH IDE, give us a star on GitHub! ⭐


Remember to replace:

  • https://github.com/your-username/ah-ide with your actual repository URL.
  • The AH IDE Banner image URL (you can create a simple banner image or remove that line).
  • The LICENSE file 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.

About

πŸš€ AH IDE: Elite Pro Web Editor. ✨ Dual Engine: Monaco & Native mode. πŸ’Ž Library Hub: 25+ libraries (Three.js, GSAP, Tailwind) with 1-click install. βš™οΈ Control Center: Live Font scaling, Themes & Word-wrap. πŸ”’ API Guard: Camera, GPS & Sensor controls. πŸ“ Local File System access. πŸ–₯️ Minimal Full-screen runner. Built for luxury & speed.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages