An open API service indexing awesome lists of open source software.

https://github.com/hellokaton/text-polish-chrome-extension

🐈 A Chrome extension built with WXT and shadcn/ui that helps you polish text with AI capabilities. Simply select any text on a webpage to translate, explain, or copy it with a sleek floating menu.
https://github.com/hellokaton/text-polish-chrome-extension

chrome-extension shadcn-ui wxt

Last synced: 2 months ago
JSON representation

🐈 A Chrome extension built with WXT and shadcn/ui that helps you polish text with AI capabilities. Simply select any text on a webpage to translate, explain, or copy it with a sleek floating menu.

Awesome Lists containing this project

README

          

# Text Polish - A Chrome Extension 🤖

[įŽ€äŊ“中文](./README.zh-CN.md) | [English](./README.md)

A Chrome extension built with WXT and shadcn/ui that helps you polish text with AI capabilities. Simply select any text on a webpage to translate, explain, or copy it with a sleek floating menu.

## ✨ Features

- 🔍 Smart text selection detection
- 🌐 One-click translation to multiple languages
- 📚 AI-powered text explanation
- 📋 Quick copy functionality
- đŸŽ¯ Floating UI that follows your selection
- ⚡ Fast and responsive interactions
- 🔒 Secure API key management

## đŸ› ī¸ Tech Stack

- **Framework**: React + TypeScript
- **Extension Framework**: WXT (WebExtension Tools)
- **UI Components**: shadcn/ui
- **Styling**: Tailwind CSS
- **Icons**: Lucide React
- **State Management**: React Hooks
- **API Integration**: OpenAI/Claude API

## 🚀 Getting Started

1. Clone the repository: `git clone https://github.com/hellokaton/text-polish-chrome-extension.git`
2. Install dependencies:

```bash
pnpm install
```

3. Start development server:

```bash
pnpm dev
```

This will automatically:

- Start the development server
- Open Chrome with the extension loaded
- Enable hot reload for development

The extension will be automatically reloaded when you make changes to the code.

## 📸 Screenshots



## 🔧 Configuration

The extension can be configured through the popup settings panel:

- API endpoint configuration
- API key management
- Model selection
- Target language preference

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## 📝 License

[MIT](LICENSE)

## 🙏 Acknowledgments

- Built with [WXT](https://wxt.dev)
- UI components from [shadcn/ui](https://ui.shadcn.com)
- Icons from [Lucide](https://lucide.dev)