English | 简体中文
The new standard for cover design
Professional-grade cover design tool with real-time preview and instant export capabilities
|
|
|
|
Modern Interface Design
Clean, intuitive interface designed for professional workflows
Powerful Export Capabilities
High-quality exports in multiple formats with customizable settings
# Clone the repository
git clone https://github.com/guizimo/cova.git
# Navigate to the project directory
cd cova
# Install dependencies
pnpm install
# Start the development server
pnpm dev# Build and run with Docker
docker build -t cova .
docker run -p 3000:3000 cova| Category | Technologies |
|---|---|
| Frontend |   |
| Styling |   |
| Build Tools |   |
| State Management |  |
| Internationalization |  |
cova/
├── 📁 src/
│ ├── 📁 components/ # Reusable UI components
│ │ ├── 📁 ui/ # Base UI components (Button, Input, etc.)
│ │ ├── 📁 layout/ # Layout components (Navbar, Footer)
│ │ └── 📁 generator/ # Design tools components
│ ├── 📁 pages/ # Page components
│ │ ├── 📁 home/ # Landing page
│ │ ├── 📁 generator/ # Main editor
│ │ ├── 📁 features/ # Features showcase
│ │ ├── 📁 contact/ # Contact page
│ │ └── 📁 faq/ # FAQ page
│ ├── 📁 stores/ # Zustand stores
│ ├── 📁 hooks/ # Custom React hooks
│ ├── 📁 utils/ # Utility functions
│ ├── 📁 locales/ # i18n translations
│ └── 📁 router/ # Route configurations
├── 📁 public/ # Static assets
└── 📄 package.json # Project configuration
Core Components
ConfigPanel- Main configuration interfaceCanvas- Design canvas with real-time previewExportPanel- Export controls and format selection
- Title: Text content and typography settings
- Background: Colors, gradients, and image uploads
- Layout: Size presets and custom dimensions
- Export: Quality settings and format selection
Customization Guide
// Add to src/utils/fonts.ts
export const customFonts = [
{ name: 'Custom Font', value: 'custom-font' }
];// Extend src/utils/export.ts
export const supportedFormats = ['png', 'jpeg', 'webp', 'avif'];# Development
pnpm dev # Start development server
pnpm build # Build for production
pnpm preview # Preview production build
# Code Quality
pnpm lint # Run ESLint
pnpm format # Format with Prettier
pnpm type-check # TypeScript type checking
# Release
pnpm release # Create new release
pnpm release:major # Major version bump
pnpm release:minor # Minor version bumpWe welcome contributions from the community! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'feat: add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Submit a Pull Request
| Type | Description |
|---|---|
| 🐛 Bug Reports | Report issues with detailed reproduction steps |
| ✨ Feature Requests | Suggest new features with use cases |
| 📖 Documentation | Improve docs, add examples, fix typos |
| 🎨 Design | UI/UX improvements and design suggestions |
| 🔧 Code | Bug fixes, feature implementations, refactoring |
- TypeScript: Fully typed codebase
- ESLint: Consistent code style
- Prettier: Automated formatting
- Conventional Commits: Semantic commit messages
- Husky: Pre-commit hooks for quality assurance
| Metric | Value | Description |
|---|---|---|
| Response Time | < 50ms | UI interaction responsiveness |
| Bundle Size | < 500KB | Optimized production build |
| First Paint | < 1s | Initial page load speed |
| Core Web Vitals | All Green | Google's UX metrics |
- v1.0.0 - Stable release with core features
- v1.1.0 - Template marketplace
- v1.2.0 - Collaboration features
- v1.3.0 - Plugin system
- v2.0.0 - Advanced animations and effects
If you find Cova helpful, please consider:
This project is licensed under the GPL-3.0 License - see the LICENSE file for details.
Guizimo - Creator & Maintainer
Made with ❤️ by the Cova Team
Built for creators, by creators
Built for creators, by creators