youngle316 / cover-paint

🖌️ cover create tool

Cover Paint

Create Cover Image in Seconds, It's Super Easy

中文 README

Features ✨

• Two ways to generate cover art: Graphic and Solid Color.
• Graphic mode supports uploading images and UnSplash images.
• Solid Color mode supports custom background color.
• Support for optional fonts.
• Responsive design, supports dark mode.
• Multi-language support: (Chinese, English).

Development plan

• Support for more templates.
• Support for custom fonts, colors, etc.
• Support for custom templates - Drag Text.

Technology stack

• Next.js
• Tailwind CSS
• Unsplash API
• next-intl
• next-themes
• react-color
• lucide
• shadcn/ui
• html-to-image

How to use

1. Apply your Unsplash API key here.
2. Create a .env.local file in the root directory
3. Refer to the .env.example file, add the configuration to the .env.local file

Install

pnpm install

npm run dev