GhiblifyAI is a web application that transforms user-uploaded images into Studio Ghibli-style artworks using the Stability AI API. The frontend is built with React, and the backend uses Java with Spring Boot to handle API requests, image processing, and integration with Stability AI.
- 🖼️ Image Upload – Upload any image for transformation.
- 🎨 Ghibli-Style Transformation – Generates stylized artwork using Stability AI API.
- 🌐 Responsive Interface – Clean, modern, and interactive frontend built with React.
- ⚡ Optimized Backend – Java Spring Boot ensures fast and reliable API processing.
- Frontend: React
- Backend: Java (Spring Boot)
- AI/Image Generation: Stability AI API
- File Handling: Multipart image upload in Spring Boot
GhiblifyAI/
├── backend/
│ ├── src/
│ │ ├── main/
│ │ │ ├── java/com/ghiblifyai/
│ │ │ │ ├── controller/ # Handles API endpoints
│ │ │ │ └── service/ # Stability API calls
│ │ │ │
│ │ │ └── resources/
│ │ │ └── application.properties
│ └── pom.xml
├── frontend/
│ ├── public/
│ └── src/
│ ├── components/
│ ├── App.js
│ └── index.js
└── README.md
git clone https://github.com/dj-ayush/GhiblifyAI.git
cd GhiblifyAI
cd backend
# Ensure Java 11+ and Maven are installed
# Configure your Stability API key in application.properties
# stability.api.key=YOUR_STABILITY_API_KEY
mvn clean install
mvn spring-boot:run
# Backend will be available at http://localhost:8080
cd frontend
npm install
npm start
# Frontend will run at http://localhost:3000
# It communicates with the backend API to generate Ghibli-style images
Endpoint: /api/generate
Method: POST
Request Body (multipart/form-data):
{
"file": "image_file",
"style": "ghibli"
}
Response: Returns the transformed Ghibli-style image.
We welcome contributions!
- Fork the repo
- Create a new branch:
git checkout -b feature-name - Commit your changes:
git commit -m "Added feature" - Push to your branch:
git push origin feature-name - Create a pull request 🚀
This project is licensed under the MIT License.
Built with ❤️ by @dj-ayush