AI-powered splash screen animation generator. Describe your brand in plain English and get a production-ready Lottie animation in seconds. Supports export to Lottie JSON, GIF, MP4, and CSS. Built with Next.js, TypeScript, and Tailwind CSS. No design skills needed.
npm install
npm run devOpen http://localhost:3000 in your browser.
MotionDrop uses AI providers to generate animations. You need a free API key from one of these services:
| Provider | Get Key |
|---|---|
| Gemini (recommended) | https://aistudio.google.com/apikey |
| OpenRouter | https://openrouter.ai/keys |
| Groq | https://console.groq.com/keys |
| OpenAI | https://platform.openai.com/api-keys |
| Anthropic | https://console.anthropic.com/settings/keys |
Keys are stored in your browser's localStorage and are never sent to our servers.
The Lottie JSON export can be used with:
- LottieFiles — upload to lottiefiles.com for preview and sharing
- Lottie-web — render with the lottie-web player
- After Effects — import via the Bodymovin extension
- React Native — use lottie-react-native
- Rive — convert via rive.app
- Next.js — React framework
- TypeScript — Type safety
- Tailwind CSS — Styling
- Zustand — State management
- lottie-web — Lottie rendering
- gif.js — GIF export
- Sonner — Toast notifications
MIT