Project Story: Aivio
Inspiration
I’ve always been fascinated by how AI can bring imagination to life. Tools like Stable Diffusion and Runway showed the power of AI in creativity, but I wanted to build something simple and accessible for everyone. That’s how Aivio was born—an AI tool that generates images and transforms them into videos with captions and narration.
What it does
Aivio lets users:
- Generate images using AI models.
- Turn those images into professional videos with smooth transitions.
- Add captions and AI-generated speech narration.
- Export videos in multiple aspect ratios for social media or presentations.
How we built it
Aivio was built mostly with Next.js for the frontend and backend.
- AI models were integrated through Hugging Face for image generation.
- Video rendering combines custom code with modern libraries to handle transitions, captions, and audio.
- UI/UX is designed with a modern, user-friendly approach, focusing on simplicity and speed.
- Coding style was inspired by the Kiro vibe—fast, clean, and flexible.
Challenges we ran into
- Integrating multiple AI providers while keeping the app lightweight.
- Handling large video rendering tasks efficiently without breaking performance.
- Making the interface simple enough for casual users but still powerful for advanced creators.
Accomplishments that we're proud of
- Building a working prototype that goes from AI-generated images → finished video in minutes.
- Creating a smooth user experience with captions and narration built-in.
- Learning how to balance creativity with technical performance.
What we learned
- How to integrate Hugging Face models into a Next.js workflow.
- The importance of designing tools that are both powerful and easy to use.
- How much detail goes into synchronizing visuals, text, and audio in video creation.
What's next for Aivio
- Adding more AI providers and custom styles for image generation.
- Advanced video editing features like background music, effects, and scene mixing.
- Cloud rendering for faster performance.
- Community sharing, so users can publish and remix each other’s creations.
Built With
- api
- kiro
- nextjs
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.