A modern web interface for interacting with the Perplexity AI API.
- 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
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
- Node.js (v14.0.0 or higher)
- npm (v6.0.0 or higher)
- A Perplexity AI API key
# 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
# 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
# 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.
- Install dependencies:
npm install
- Start the development server:
npm start
- Open http://localhost:3000 in your browser
- Get your API key from Perplexity AI
- Enter your API key in the interface
- Select a model from the dropdown
- Type your message and click "Send Message"
Model | Context Length | Output Limit |
---|---|---|
sonar-pro | 200k | 8k |
sonar | 127k | - |
Your API key is stored only in the browser's memory and is never saved to disk.
This project is licensed under the MIT License - see the LICENSE file for details.