chat Tailwind Templates

Chat

A modern chat interface built with SvelteKit and Tailwind CSS that connects to various LLM models through the GROQ API.

LLaMA Chat

A modern chat interface built with SvelteKit and Tailwind CSS that connects to various LLM models through the GROQ API.

Live Demo

šŸš€ Try it out: chat.ifsvivek.in

Features

  • šŸ¤– Multiple AI model support (LLaMA, Mixtral, Gemma)
  • šŸ’Ø Fast and responsive UI with SvelteKit
  • šŸŽØ Beautiful design using Tailwind CSS
  • šŸ’¬ Real-time chat interface
  • šŸŒ™ Dark mode
  • šŸ”„ Model switching on the fly

Getting Started

Prerequisites

  • Node.js 16 or later
  • npm or pnpm

Installation

  1. Clone the repository:
git clone https://github.com/ifsvivek/chat.git
  1. Install dependencies:
npm install
# or
pnpm install
  1. Create a .env file in the root directory and add your GROQ API key:
GROQ_API_KEY=your_api_key_here
  1. Start the development server:
npm run dev
# or
pnpm dev
  1. Open http://localhost:5173 in your browser

Tech Stack

Top categories

Loading Svelte Themes