🎨 Cover Craft

English | 简体中文

A modern cover design tool that makes creation simple

Preview • Features • Tech Stack • Getting Started • Development

📸 Preview

Minimalist Design

Powerful Editor Interface

✨ Tech Stack

• 
• 
• 
• 

UI Components

• Radix UI - Accessible React UI primitives
• Lucide React - Beautiful icon library
• React Resizable Panels - Resizable panel components

🚀 Getting Started

Make sure you have Node.js (v18+ recommended) and pnpm installed in your development environment.

# Clone the repository
git clone https://github.com/guizimo/cover-craft.git

# Enter the project directory
cd cover-craft

# Install dependencies
pnpm install

# Start the development server
pnpm dev

📁 Project Structure

cover-craft/
├── src/
│ ├── components/ # React components
│ ├── pages/ # Page components
│ ├── styles/ # Style files
│ └── main.tsx # Entry file
├── public/ # Static assets
└── package.json # Project configuration

🎯 Features

• Modern user interface
• Responsive design
• Adjustable layout
• Image export functionality
• Real-time preview
• Multiple preset templates
• Custom size support
• Background customization
• Text styling options
• Icon management

💻 Development

Available Scripts

pnpm dev # Start development server
pnpm build # Build for production
pnpm preview # Preview production build
pnpm lint # Run ESLint checks

Requirements

• Node.js >= 18.x
• pnpm >= 9.15.0

📦 Dependencies

Core

• react & react-dom : React core libraries
• vite : Modern frontend build tool
• typescript : JavaScript superset with type support

UI Components

• @radix-ui/* : Accessible React UI components
• lucide-react : Icon library
• react-resizable-panels : Resizable panels

Utilities

• file-saver : File saving functionality
• html2canvas : HTML to canvas conversion
• clsx & tailwind-merge : Styling utilities

Changelog

See CHANGELOG.md for details.

Contributing

Contributions are welcome! Here's how you can contribute:

1. Fork the repository
2. Create your feature branch ( git checkout -b feature/amazing-feature )
3. Commit your changes ( git commit -am 'Add some amazing feature' )
4. Push to the branch ( git push origin feature/amazing-feature )
5. Open a Pull Request

License

This project is licensed under the GPL-3.0 License - see the LICENSE file for details.

Contact

If you have any questions or suggestions, please feel free to reach out:

• Email : 17680262548@163.com
• GitHub Issues : Here Thank you for using cover-craft ! If you find it helpful, please consider giving it a star ⭐️