Create Simli App Elevenlabs Svelte

itsankit1510

Simli App with ElevenLabs Integration

A professional starter kit for creating interactive AI avatars using Simli's visual technology and ElevenLabs' voice synthesis in a SvelteKit application.

🚀 Getting Started

Prerequisites

Setup

Configure Environment Variables

Rename .env_sample to .env and add your API credentials:

VITE_SIMLI_API_KEY="YOUR_SIMLI_API_KEY"
VITE_SIMLI_FACE_ID="YOUR_SIMLI_FACE_ID"
VITE_ELEVENLABS_API_KEY="YOUR_ELEVENLABS_API_KEY"
VITE_ELEVENLABS_AGENT_ID="YOUR_ELEVENLABS_AGENT_ID"

💡 Need API access? Join our Discord community for assistance.

Install Dependencies
```
npm install
```
Launch Development Server
```
npm run dev
```
Access your app at http://localhost:5173

🎭 Character Customization

Choose from a variety of pre-designed characters or create your own:

Explore characters in the Simli Documentation
Create custom characters using the Simli App

🌐 Deployment

Deploy to Vercel

Deploy your avatar interaction with one click:

🔧 Advanced Configuration

Customize your avatar's appearance and behavior by modifying the app/page.tsx file:

// Example configuration
const avatarConfig = {
  faceId: import.meta.env.VITE_SIMLI_FACE_ID,
  initialPrompt: "You are a helpful assistant named Alex",
  // Additional avatar properties...
};

📚 Resources

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

Built with ❤️ by [Ankit](https://github.com/itsankit1510)

Top categories