ProPic✨️

View Demo · Report Bug · Request Feature

Introducing ProPic ✌️

ProPic is a powerful and the easiest app to create beautiful cover images for your blog and presentations. ProPic lets you be flexible by handling backgrounds, gradients, patterns, images, icons, bookmarks, uploads and a lot more. You can drag, resize and position your components and give a new feel to your blog. When you're done export it as PNG, JPG, or SVG.

🚀 Demo

Try the App: ProPic

🧐 Features

ProPic comes up with a whole bunch of amazing features to provide you the best experience, Here're some of our best features.

• 💯 Draggable, Resizable, Wrappable
• 🎩 Upload your Images and use it
• 👾 32,000+ Icons (powered by iconsfinder)
• 📦 Use Images from Unsplash
• 🔖 Save Icons or Images
• 🍭 Edit Everything (text, color, size, family, weight, lineheight etc)
• 🌱 4 way backgrounds (Solid, Gradient, Pattern, Image)
• 🥁 Share Images (Get Public Share URL)
• 💻 Fully Responsive
• 🚀 Fast Downloading
• ⤵️ Export as PNG, JPG, SVG

Enjoy creating cover image for your blog like never before, get started in seconds ✨️

🛠️ Installation Steps

1. Clone the repository

git clone https://github.com/RahafTahayneh/propic.git

2. Change the working directory

cd propic

3. Install dependencies

npm install

4. Run the app

npm run dev

You are all set! Open localhost:3000 to see the app.

🍰 Contributing

• Please contribute using GitHub Flow. Create a branch, add commits, and open a pull request.

• Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

💻 Built with

• Next JS
• react-color: for color pickers
• html2canvas: for export as PNG, JPG, SVG
• react-rnd: for draggable and resizable components
• react-icons: for icons
• nprogress: for slim progressbars
• react-hot-toast: for toasts
• Material UI: for components
• Vercel: for hosting

🌈 What's next

• Ctrl+C and Ctrl+V for components
• history of created covers
• Export as GIF

🦄 Deploy