Ada

Built with

• React
• Next.js
• Tailwind CSS
• shadcn/ui
• Radix UI
• TypeScript

Share

About

Ada is a free AI app template for chatbots, AI assistants and agent tools, built with shadcn/ui and Next.js. It's dark purple with a lavender light mode, and it covers the screens most AI products end up needing. You get login and sign up, a chat that also searches (with suggestions, answers, voice notes and follow-ups), voiceover with a voice picker, image generation and an image editor, video generation and a video editor with a scene timeline, pricing with monthly and yearly plans, and settings (team, billing, API keys and logs). Chats save in the browser, so you can reopen, duplicate or export them. Open it in VS Code and run npm install and npm run dev, or pull single screens into your own project with the shadcn CLI. The replies are fake for now and need no API key; swap them for your own model when you're ready.

Who it's for

For founders and frontend teams building an AI chat or agent product who want to start from a finished React and Next.js app.

• Indie foundersPick Ada for your first AI app when you need chat, pricing, and settings in place. Login, sign up, billing, API keys, and logs are already there.
• Frontend developersIf you're wiring up your own model, this gives you the screens before the backend is ready. Start with chat, search answers, voice notes, and follow-ups.
• Agent product teamsWe built this for products that go past plain chat. You get voiceover with a voice picker, image generation and editing, plus video generation with a scene timeline.
• Designers prototyping AIUse Ada when you need real AI product screens, not just a homepage. The dark purple UI covers chat history, monthly and yearly pricing, and team settings.

Features

• Login and sign up
• Chat that also searches (with suggestions, answers, voice notes and follow-ups)
• Voiceover with a voice picker
• Image generation and an image editor
• Video generation and a video editor with a scene timeline
• Pricing with monthly and yearly plans
• Settings (team, billing, API keys and logs)

Keywords

• AI chat and agent template
• free AI chat and agent template
• AI app template
• AI chat and agent UI kit
• React app template
• Next.js app template
• shadcn/ui app template

License