Perplexity AI Chat Interface

A modern web interface for interacting with the Perplexity AI API.

Features

• Clean and intuitive user interface
• Support for all current Perplexity AI models
• Secure API key handling
• Real-time responses
• Error handling and notifications
• Tooltips with model capabilities

Project Structure

perplexity-webui/
├── node_modules/        # Dependencies
├── public/
│   ├── index.html      # HTML entry point
│   ├── favicon.ico     # Website favicon
│   └── manifest.json   # PWA manifest
├── src/
│   ├── App.js         # Main application component
│   ├── index.js       # Application entry point
│   └── index.css      # Global styles
├── .gitignore         # Git ignore rules
├── package.json       # Project dependencies and scripts
├── package-lock.json  # Locked dependencies
└── README.md         # Project documentation

Installation

Prerequisites

• Node.js (v14.0.0 or higher)
• npm (v6.0.0 or higher)
• A Perplexity AI API key

Windows

# Clone the repository
git clone https://github.com/PierrunoYT/perplexity-webui.git
cd perplexity-webui

# Install dependencies
npm install

# Start the development server
npm start

macOS

# Clone the repository
git clone https://github.com/PierrunoYT/perplexity-webui.git
cd perplexity-webui

# Install dependencies
npm install

# Start the development server
npm start

Linux

# Clone the repository
git clone https://github.com/PierrunoYT/perplexity-webui.git
cd perplexity-webui

# Install dependencies
npm install

# Start the development server
npm start

The application will be available at http://localhost:3000 in your web browser.

Setup

1. Install dependencies:

npm install

2. Start the development server:

npm start

3. Open http://localhost:3000 in your browser

Usage

1. Get your API key from Perplexity AI
2. Enter your API key in the interface
3. Select a model from the dropdown
4. Type your message and click "Send Message"

Available Models

Model	Context Length	Output Limit
sonar-pro	200k	8k
sonar	127k	-

Security Note

Your API key is stored only in the browser's memory and is never saved to disk.

License

This project is licensed under the MIT License - see the LICENSE file for details.