https://github.com/jaaronkot/picprose
Better cover image generator tool for Medium, YouTube, BiliBili, Blog and many others
https://github.com/jaaronkot/picprose
coverimage image nextjs nextui react tailwindcss tools
Last synced: 30 days ago
JSON representation
Better cover image generator tool for Medium, YouTube, BiliBili, Blog and many others
- Host: GitHub
- URL: https://github.com/jaaronkot/picprose
- Owner: jaaronkot
- License: mit
- Created: 2024-04-03T06:25:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-30T11:01:30.000Z (about 1 month ago)
- Last Synced: 2025-04-07T10:17:25.078Z (about 1 month ago)
- Topics: coverimage, image, nextjs, nextui, react, tailwindcss, tools
- Language: JavaScript
- Homepage: https://picprose.pixpark.net
- Size: 19.8 MB
- Stars: 660
- Watchers: 7
- Forks: 90
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PicProse - Better Cover Image Generator
[](https://github.com/jaaronkot/picprose/stargazers)
[](https://github.com/jaaronkot/picprose/blob/main/LICENSE)
## Overview
PicProse is a powerful cover image generator designed for bloggers, content creators, developers, and designers. Create professional and stunning cover images in just a few steps for Medium, YouTube, BiliBili, personal blogs, and other platforms.
**Preview:** [picprose.pixpark.net](https://picprose.pixpark.net/)
## ✨ Key Features
- 🖼️ **Rich Image Resources** - Access high-quality images directly through the Unsplash API
- 🎨 **Flexible Editing** - Customize titles, author info, fonts, colors, and transparency
- 📱 **Multiple Aspect Ratios** - Support for both landscape and portrait formats for different platforms
- 🔍 **Real-time Preview** - See all changes instantly with a WYSIWYG interface
- 🌈 **Developer Icons** - Built-in tech-related icons perfect for technical article covers
- 📥 **Multiple Export Formats** - Support for JPG, PNG, and SVG exports
- 🌐 **Multilingual Support** - Interface available in multiple languages
- 🎯 **Responsive Design** - Perfectly adapts to both desktop and mobile devices
## 🚀 Getting Started
### Installation
```bash
# Clone the repository
git clone https://github.com/jaaronkot/picprose.git
# Navigate to the project directory
cd picprose
# Install dependencies
npm install
# Start the development server
npm run dev
```
### Environment Variables
Create a `.env.local` file with the following content:
```bash
UNSPLASH_API_KEY = your_unsplash_api_key
NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=your_ga_id
```
Refer: [https://unsplash.com/documentation](https://unsplash.com/documentation)
## Deploy to Vercel
You can start by creating your own Nextra site and deploying to Vercel by clicking the link:
## Deploy with Docker
```sh
docker run -d --name picprose -e UNSPLASH_API_KEY=xxx -p 3000:3000 hausen1012/picprose
```
## License
PicProse is open-source under the [MIT License](https://github.com/jaaronkot/picprose/blob/main/LICENSE).