https://github.com/chanmeng666/image-generator
【Your star could be the one that makes our day! ⭐️】A modern Next.js application for AI image generation using Together AI, featuring a beautiful Mondrian-inspired design and intuitive user interface.
https://github.com/chanmeng666/image-generator
ai-image-generation artificial-intelligence nextjs react tailwindcss together-ai vercel web-app
Last synced: 2 months ago
JSON representation
【Your star could be the one that makes our day! ⭐️】A modern Next.js application for AI image generation using Together AI, featuring a beautiful Mondrian-inspired design and intuitive user interface.
- Host: GitHub
- URL: https://github.com/chanmeng666/image-generator
- Owner: ChanMeng666
- License: apache-2.0
- Created: 2024-11-27T06:54:38.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-15T04:12:03.000Z (5 months ago)
- Last Synced: 2025-03-26T22:13:50.465Z (2 months ago)
- Topics: ai-image-generation, artificial-intelligence, nextjs, react, tailwindcss, together-ai, vercel, web-app
- Language: TypeScript
- Homepage: https://image-generator-sable-tau.vercel.app
- Size: 71.3 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
AI Image Generator
[](https://image-generator-sable-tau.vercel.app/)
https://github.com/user-attachments/assets/6ae7ccc7-2fba-4e1b-a2c1-e9a9b2b0b041
# Features
Transform your imagination into reality with our AI-powered Image Generator. Here are some of our standout features:
### 🎨 Advanced Image Generation
Leverage the power of Together AI's state-of-the-art models to generate high-quality images from text descriptions.
### ⚡ Real-Time Preview
Watch your creations come to life instantly with real-time image generation and preview capabilities.
### 🎯 User-Friendly Interface
Enjoy a clean, intuitive interface inspired by Mondrian's iconic style, making image generation accessible to everyone.
### 📱 Responsive Design
Create images seamlessly across all your devices with our fully responsive design.
### 💾 Easy Downloads
Download your generated images instantly with a single click.
### 🛡️ Error Handling
Robust error handling ensures a smooth experience even when things don't go as planned.
## Tech Stack
- [Next.js 14](https://nextjs.org/) - React framework for production
- [React 18](https://reactjs.org/) - JavaScript library for UI
- [TypeScript](https://www.typescriptlang.org/) - Static type checking
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS
- [Together AI](https://together.ai/) - AI image generation
- [Radix UI](https://www.radix-ui.com/) - Accessible component system
- [Vercel](https://vercel.com/) - Deployment platform
## Getting Started
1. Clone the repository
```bash
git clone https://github.com/ChanMeng666/image-generator.git
```
2. Install dependencies
```bash
cd image-generator
npm install
```
3. Configure environment variables
Create a `.env.local` file:
```bash
TOGETHER_API_KEY=your_api_key_here
```
4. Start development server
```bash
npm run dev
```
Visit [http://localhost:3000](http://localhost:3000) to start generating images!
## Deployment
Deploy your own copy of the app using [Vercel](https://vercel.com):
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fimage-generator)
Don't forget to set up your environment variables in your Vercel dashboard.
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
## License
This project is licensed under the [Apache-2.0 license](LICENSE) file for details.
## Author
**Chan Meng**
- GitHub: [@ChanMeng666](https://github.com/ChanMeng666)
- LinkedIn: [chanmeng666](https://linkedin.com/in/chanmeng666)
## Acknowledgments
- UI Design inspired by Piet Mondrian's work
- Image generation powered by Together AI