https://github.com/chihebnabil/claude-ui Skip to content Navigation Menu Toggle navigation Sign in * Product + GitHub Copilot Write better code with AI + Security Find and fix vulnerabilities + Actions Automate any workflow + Codespaces Instant dev environments + Issues Plan and track work + Code Review Manage code changes + Discussions Collaborate outside of code + Code Search Find more, search less Explore + All features + Documentation + GitHub Skills + Blog * Solutions By company size + Enterprises + Small and medium teams + Startups By use case + DevSecOps + DevOps + CI/CD + View all use cases By industry + Healthcare + Financial services + Manufacturing + Government + View all industries View all solutions * Resources Topics + AI + DevOps + Security + Software Development + View all Explore + Learning Pathways + White papers, Ebooks, Webinars + Customer Stories + Partners * Open Source + GitHub Sponsors Fund open source developers + The ReadME Project GitHub community articles Repositories + Topics + Trending + Collections * Enterprise + Enterprise platform AI-powered developer platform Available add-ons + Advanced Security Enterprise-grade security features + GitHub Copilot Enterprise-grade AI features + Premium Support Enterprise-grade 24/7 support * Pricing Search or jump to... Search code, repositories, users, issues, pull requests... Search [ ] Clear Search syntax tips Provide feedback We read every piece of feedback, and take your input very seriously. [ ] [ ] Include my email address so I can be contacted Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly Name [ ] Query [ ] To see all available qualifiers, see our documentation. Cancel Create saved search Sign in Sign up Reseting focus You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} chihebnabil / claude-ui Public * * Notifications You must be signed in to change notification settings * Fork 2 * Star 17 A modern chat interface for Anthropic's Claude AI models built with Nuxt.js. Experience seamless conversations with Claude in a clean user interface. License MIT license 17 stars 2 forks Branches Tags Activity Star Notifications You must be signed in to change notification settings * Code * Issues 0 * Pull requests 0 * Actions * Projects 0 * Security * Insights Additional navigation options * Code * Issues * Pull requests * Actions * Projects * Security * Insights chihebnabil/claude-ui main BranchesTags [ ] Go to file Code Folders and files Name Name Last commit Last commit message date Latest commit History 38 Commits .github .github components components composables composables pages pages plugins plugins public public server server .env.example .env.example .gitignore .gitignore LICENSE.md LICENSE.md README.md README.md app.config.ts app.config.ts app.vue app.vue drizzle.config.ts drizzle.config.ts nuxt.config.ts nuxt.config.ts package-lock.json package-lock.json package.json package.json tsconfig.json tsconfig.json View all files Repository files navigation * README * MIT license Claude UI A modern chat interface for Anthropic's Claude AI models built with Nuxt.js. Experience seamless conversations with Claude in a clean user interface. Prerequisites * Node.js (v18 or higher) * npm or yarn * Anthropic API key Claude UI Screenshot Features * Conversation history management * Multiple Claude model support * Markdown and code syntax highlighting * Dark/Light mode toggle * Personlize behavior using system prompts for each chat * Limit output tokens for each chat * Custome temperature (Randomness) for each chat * Prompt Caching for attachments * Text extraction and parsing Tech Stack * Built with Nuxt 3 * Database integration with Drizzle ORM * UI components from @nuxt/ui * AI integration with @anthropic-ai/sdk * Text extraction capabilities with @nosferatu500/textract * Markdown support with markdown-it * Code highlighting with highlight.js Setup Make sure to install the dependencies: # npm npm install # pnpm pnpm install # yarn yarn install ENV Create a .env file in the root directory and add your ANTHROPIC_KEY API key. Development Server Start the development server on http://localhost:3000: # npm npm run dev # pnpm pnpm dev # yarn yarn dev Production Build the application for production: # npm npm run build # pnpm pnpm build # yarn yarn build Database The application uses a SQLite database to store thread and message data. Database Management This project uses Drizzle ORM for database management. Available commands: # Generate database schema npm run db:generate # Migrate database schema npm run db:migrate Todo * [ ] Add streaming support for long-running chats * [ ] Add server-side validation for form inputs * [ ] Add user authentication About A modern chat interface for Anthropic's Claude AI models built with Nuxt.js. Experience seamless conversations with Claude in a clean user interface. Topics chat-application claude nuxt3 nuxtui anthropic drizzle-orm claude-ai Resources Readme License MIT license Activity Stars 17 stars Watchers 2 watching Forks 2 forks Report repository Releases No releases published Sponsor this project * open_collective opencollective.com/practical-ai Packages 0 No packages published Languages * Vue 50.2% * TypeScript 49.8% Footer (c) 2024 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact * Manage cookies * Do not share my personal information You can't perform that action at this time.