https://github.com/hellokaton/pixiv-helper
A Chrome Extension for Pixiv Illustrations
https://github.com/hellokaton/pixiv-helper
pixiv-downloader shadcn wxt
Last synced: 7 months ago
JSON representation
A Chrome Extension for Pixiv Illustrations
- Host: GitHub
- URL: https://github.com/hellokaton/pixiv-helper
- Owner: hellokaton
- License: mit
- Created: 2025-01-14T01:36:28.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-07T03:51:52.000Z (11 months ago)
- Last Synced: 2025-04-23T08:08:04.950Z (9 months ago)
- Topics: pixiv-downloader, shadcn, wxt
- Language: TypeScript
- Homepage:
- Size: 1020 KB
- Stars: 17
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pixvi-Helper - A Chrome Extension for Pixiv Illustrations đ¨
[English](README.md) | [įŽäŊä¸æ](README_zh.md)
A Chrome extension built with WXT and shadcn/ui that helps you download and sync Pixiv illustrations to your cloud storage through Alist. Download your favorite artworks in different quality options and manage them effortlessly.
## đ¸ Preview
## ⨠Features
- đŧī¸ Download Pixiv illustrations with one click
- đ Multiple quality options (High-quality, Standard)
- âī¸ Sync downloads to cloud storage via Alist
- đž Support various storage backends (Google Drive, OneDrive, etc.)
- đ¯ Responsive and intuitive user interface
- ⥠Fast and efficient downloads
- đ Local configuration storage for privacy
## đ ī¸ Tech Stack
- **Framework**: React + TypeScript
- **Extension Framework**: WXT (WebExtension Tools)
- **UI Components**: shadcn/ui
- **Styling**: Tailwind CSS
- **Icons**: Lucide React
- **State Management**: React Hooks
- **Storage Integration**: Alist API
## đ Getting Started
1. Clone the repository: `git clone https://github.com/hellokaton/pixiv-helper.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
## đ§ Configuration
The extension can be configured through the popup settings panel:
- Alist server configuration
- Download quality preferences
- Storage backend selection
- Download path settings
## đĄ Usage
### Installation
You have two ways to install this extension:
1. **Chrome Web Store**
- Visit the [Chrome Web Store](https://chromewebstore.google.com/detail/p%E7%AB%99%E4%B8%8B%E8%BD%BD%E5%8A%A9%E6%89%8B/pjiimhkkiiblilghcmmejhhjnfhiffme)
- Click "Add to Chrome" to install
2. **Manual Installation**
- Download the latest release from [GitHub Releases](https://github.com/hellokaton/pixiv-helper/releases)
- Unzip the downloaded file
- Open Chrome and go to `chrome://extensions/`
- Enable "Developer mode" in the top right
- Click "Load unpacked" and select the unzipped folder
### Setup and Use
1. After installation, click the extension icon in Chrome
2. Configure your Alist server settings
3. Browse Pixiv and use the download button to save illustrations
4. Select your preferred quality
5. The extension will automatically sync downloads to your cloud storage
## đ¤ Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## đ License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## đ Acknowledgments
- Built with [WXT](https://wxt.dev)
- UI components from [shadcn/ui](https://ui.shadcn.com)
- Icons from [Lucide](https://lucide.dev)
- [Alist](https://alist.nn.ci) for cloud storage integration