An extensible AI chat application with Generative UI built for the T3 Cloneathon using the T3 Stack. Toolkit.dev features a powerful toolkit system that allow users to toggle sets of AI tools to interact with external services, search the web, manage files, and much more.
Every Toolkit includes customizable UI components, enabling rich, interactive, and visually engaging displays for all tool outputs and interactions.
Toolkit.dev's toolkit architecture allows AI assistants to use powerful tools:
- Exa Search - Neural web search
- GitHub API - Repository management, issue tracking, code search
- E2B - Code execution in secure sandboxes
- Google Calendar - Event management and scheduling
- Google Drive - File management and document access
- Notion - Database queries and page management
- Memory (Mem0) - Persistent memory for conversations
- OpenAI
- Anthropic
- XAI
- Perplexity
Choose any LLM provider - the app automatically adapts to your configuration!
- Discord OAuth
- Google OAuth
- GitHub OAuth
- Twitter OAuth
- Notion OAuth
Just configure one auth provider and you're ready to go!
- Image Processing - Advanced image analysis and manipulation
- Responsive design with Tailwind CSS
- Real-time chat interface
- Interactive tool result displays
- Loading states and progress indicators
- Dark/light mode support
- Server-side API key management
- Type-safe API calls with tRPC
- Zod schema validation
- Secure authentication flow
Toolkit.dev leverages the full power of the T3 Stack:
- Next.js - React framework with App Router
- NextAuth.js - Authentication solution
- Prisma - Database ORM and migrations
- Tailwind CSS - Utility-first CSS framework
- tRPC - End-to-end type-safe APIs
Plus additional tools:
- Zod - Schema validation
- Lucide React - Icon library
- AI SDK - AI model integration
- Node.js 18+
- pnpm (recommended) or npm
- Database (PostgreSQL recommended)
git clone https://github.com/jasonhedman/toolkit.dev.git
cd open-chatpnpm installCopy the example environment file:
cp .env.example .envDatabase:
DATABASE_URL="postgresql://username:password@localhost:5432/Toolkit.dev"App Configuration:
APP_URL="http://localhost:3000"
AUTH_SECRET="your-secret-key" # Generate with: openssl rand -base64 32
NODE_ENV="development"Option 1: Discord
AUTH_DISCORD_ID="your-discord-client-id"
AUTH_DISCORD_SECRET="your-discord-client-secret"Option 2: Google
AUTH_GOOGLE_ID="your-google-client-id"
AUTH_GOOGLE_SECRET="your-google-client-secret"Option 3: GitHub
AUTH_GITHUB_ID="your-github-client-id"
AUTH_GITHUB_SECRET="your-github-client-secret"Option 4: Twitter
AUTH_TWITTER_ID="your-twitter-client-id"
AUTH_TWITTER_SECRET="your-twitter-client-secret"Option 5: Notion
AUTH_NOTION_ID="your-notion-client-id"
AUTH_NOTION_SECRET="your-notion-client-secret"OPENROUTER_API_KEY=""Enable specific toolkits by adding their API keys:
# Web Search
EXA_API_KEY="your-exa-key"
# Memory
MEM0_API_KEY="your-mem0-key"
# Code Execution
E2B_API_KEY="your-e2b-key"
# Image Generation
OPENAI_API_KEY=""
XAI_API_KEY=""Note: The app automatically detects which providers and toolkits are configured and adapts the interface accordingly!
Run database migrations:
pnpm db:pushpnpm devOpen http://localhost:3000 to see your Toolkit.dev instance!
Toolkit.dev's modular architecture makes it easy to add new toolkits. Check out the Toolkit Development Guide for detailed instructions.
src/
├── app/ # Next.js App Router
├── components/ # React components
├── lib/ # Utility functions
├── server/ # tRPC server and database
├── toolkits/ # Extensible toolkit system
└── env.js # Environment validation
# Push schema changes
pnpm db:push
# Generate Prisma client
pnpm db:generate
# Open database studio
pnpm db:studioThis project was built for the T3 Cloneathon, showcasing:
- Modern T3 Stack usage with latest patterns
- Type Safety throughout the entire application
- Scalable Architecture with the toolkit system
- Developer Experience with comprehensive tooling
- Production Ready with proper error handling and validation
Contributions are welcome! Please read our Toolkit Development Guide to get started with creating new toolkits.
This project is licensed under the MIT License - see the LICENSE file for details.
Built with love for the T3 Cloneathon