Avatar-ai

An AI-powered avatar generation and interaction project built with a modern web stack.
This project combines a React + Vite frontend with 3D rendering, voice features, and AI/API integrations to create an interactive avatar experience.

Features

• 3D avatar rendering with Three.js and React Three Fiber
• Smooth UI animations using Framer Motion
• Voice/audio integrations with ElevenLabs
• API calls and async data handling with Axios and React Query
• Backend-friendly Python dependencies for AI and API support
• Integration-ready setup for authentication and database services such as Supabase
• Clean modular frontend structure using React Router

Tech Stack

Frontend

• React 18
• Vite
• Tailwind CSS
• Framer Motion
• Three.js
• @react-three/fiber
• @react-three/drei
• React Router DOM
• Lucide React

AI / Voice / Backend Support

• ElevenLabs client
• Google Generative AI
• Supabase
• GoTrue
• FastAPI
• Uvicorn
• Pydantic
• HTTPX
• Python Dotenv

Project Structure

Avatar-ai/
├── api/
├── public/
├── src/
├── index.html
├── package.json
├── requirements.txt
├── tailwind.config.js
├── vite.config.js
└── README.md