Screen Pastel

Create Beautiful Screenshots

Getting Started

Installation

1. Clone the repository:

git clone github.com/swatishchoudhury/screenpastel.git
cd screenpastel

2. Install dependencies:

bun install

3. Run the development server:

bun run dev

4. Open http://localhost:3000 with your browser to see the result.

Usage

1. Upload or paste your screenshot
2. Adjust window frames, backgrounds, borders, and shadows using the sidebar controls
3. Use the crop tool, flip, 3D rotation, and transform controls to fine-tune
4. Undo/redo any changes (Ctrl+Z / Ctrl+Shift+Z)
5. Zoom in/out on the canvas for precision
6. Preview your changes in real-time
7. Export the edited screenshot

Technologies Used

• Framework: Next.js 16
• Language: TypeScript
• Styling: Tailwind CSS
• UI: shadcn/ui
• Code Quality: Biome

Contributing

Please see CONTRIBUTING.md for guidelines on how to contribute to this project.

License

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