Skip to content

README.md

Latest commit

 

History

History
172 lines (134 loc) · 5.78 KB

README.md

File metadata and controls

172 lines (134 loc) · 5.78 KB

⭐️ Don't forget to give the project a star if you liked it!

🟣 Neuro Noir (AI Vision)

{3151526D-D098-4ABB-8935-BA395334E198}

Turn Words Into Reality. A stunning, cyberpunk-themed AI image generator powered by open-source diffusion models. Create, enhance, and save HD artwork instantly.

Live Demo Repo Size License


🚀 Project Overview

Neuro Noir is a client-side AI image generation interface built with vanilla HTML5, Tailwind CSS, and jQuery. It utilizes the Pollinations.ai API to generate images in seconds without requiring backend GPU servers. The UI features a fully immersive, glassmorphism-based cyberpunk aesthetic with live system analytics.

✨ Key Features


⚡ Instant Generation

Powered by Pollinations.ai for lightning-fast diffusion rendering (seconds to render).

🎨 Cyberpunk UI

Immersive interface with neon glows, glassmorphism, and smooth CSS animations.

🛡️ Privacy First

No account required. Your creations and history are stored securely in your browser's Local Storage.

✨ Prompt Enhancer

One-click "Magic Wand" feature to automatically refine and detail your text prompts.

📊 Live System Stats

Real-time visual analytics widget tracking system load and server latency using Chart.js.

🖼️ Integrated Gallery

View, manage, and download your previous creations in a responsive masonry grid.

🛠️ Tech Stack

🚀 Getting Started

Since this is a static web application, it requires no complex build steps.

  1. Clone the repo

    git clone https://github.com/manandevs/neuro-noir.git
cd neuro-noir

  2. Run the project Simply open index.html in your browser.

    Optional: For the best experience (to avoid CORS issues with some assets), use a simple local server:

    # using python
python -m http.server 8000
# OR using VS Code Live Server extension

📂 Project Structure

.
├── 📁 css/
│   └── 📄 style.css        # Custom animations and overrides
├── 📁 js/
│   ├── 📄 script.js        # Main logic (API calls, UI interaction)
│   └── 📄 tailwind.config.js # Tailwind configuration
├── 📁 images/              # Assets and logos
├── 📄 index.html           # Main Generator Page
├── 📄 gallery.html         # User Gallery Page
└── 📄 community.html       # Community Page

🤝 Contributing & Customization

This project is yours to explore! 🛠️

I explicitly encourage you to fork this repository and make it your own. Whether you want to add new features, change the cyberpunk theme, integrate a different API, or just experiment with the code—go ahead!

  1. Fork the Project
  2. Create your Feature Branch
  3. Commit your Changes
  4. Push to the Branch
  5. Open a Pull Request

❤️ Support the Project

If you found this project helpful, cool, or inspiring, please show some love!

  1. Give it a Star 🌟 (It really helps others find the project!)
  2. Follow me on GitHub 🚀 for more exciting builds like this.

Made with 💜 and Neon by MananDevs