A magical AI-powered avatar generator that transforms text descriptions into stunning, personalized digital avatars. Built with Next.js and integrated with advanced AI models.
Prompt: Create a 3D avatar of a smiling man with brown skin, black beard, red turban, red kurta, brown shawl, warm brown eyes, on a soft red gradient background
- Text-to-avatar generation
- Magical UI/UX design
- Daily generation limits (4 per day)
- One-click avatar downloads
- Real-time generation status
- Error handling and retry mechanisms
- Frontend: Next.js 14, React, TypeScript
- Styling: Tailwind CSS, Shadcn UI
- AI Integration: Gradio Client
- Deployment: Vercel
Before you begin, ensure you have:
- Node.js (version 18 or higher)
- npm or yarn package manager
- Clone the repository:
git clone https://github.com/ahkamboh/avatar-generator.git
cd avatar-generator- Install dependencies:
npm install
# or
yarn install- Create a
.env.localfile:
NEXT_PUBLIC_APP_URL=http://localhost:3000Start the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 to view the application.
- Enter your text description
- Click "Generate Avatar"
- Wait for the magical generation process
- Download your avatar with one click
- 4 avatar generations per day per user
- Resets at midnight local time
- Maximum processing time: 30 seconds per generation
- Text-to-Avatar: Transform text descriptions into unique avatars
- Daily Limits: Fair usage system with 4 generations per day
- Download Options: Easy download of generated avatars
- Responsive Design: Works on all devices
- Real-time Status: Live generation progress updates
Contributions are welcome! Please feel free to submit a Pull Request.
- Ali Hamza Kamboh (@ahkamboh)
MIT License
- Next.js framework by Vercel
- Shadcn UI for components
- Apple Memoji model integration
Made with ❤️ by Ali Hamza Kamboh