PromptLab Tailwind Templates

Promptlab

A minimal desktop app for AI chat completions using Groq, built with Electron and Tailwind CSS.

PromptLab - An Electron App

The Pirate ScreenSHOT

A minimal Electron application with JavaScript, Electron, and Tailwind CSS.

App Sample Screenshot

Features

  • Electron app with secure preload and main/renderer separation
  • Uses electron-vite for fast development and builds
  • Integrated Tailwind CSS for styling
  • Groq SDK integration for AI chat completions
  • Environment variable support via .env
  • Pre-configured ESLint and Prettier for code quality
  • Cross-platform build scripts (Windows, macOS, Linux)

Project Structure

  • src/main/ – Electron main process code
  • src/preload/ – Preload scripts (secure API exposure)
  • src/renderer/ – Renderer process (UI, assets, HTML, JS)
  • resources/ – App icons and static resources
  • .env – Environment variables (see .sample.env for template)

Project Setup

Install

npm install

Development

npm run dev

Build

# For Windows
npm run build:win

# For macOS
npm run build:mac

# For Linux
npm run build:linux

Environment Variables

Copy .sample.env to .env and add your Groq API key:

GROQ_API_KEY=YOUR_API_KEY

Usage

  • Start the app with npm run dev.
  • Enter your Groq API key and prompts in the UI.
  • The app uses the Groq API to generate AI completions.

Linting & Formatting

npm run lint
npm run format

License

MIT

Top categories

Loading Svelte Themes