https://github.com/pawantech12/piceditor

Responsive Piceditor Using HTML , CSS and JavaScript
https://github.com/pawantech12/piceditor

css editor html javascript pic pic-editor responsive-pic-editor

Last synced: 10 months ago
JSON representation

Responsive Piceditor Using HTML , CSS and JavaScript

• Host: GitHub
• URL: https://github.com/pawantech12/piceditor
• Owner: pawantech12
• Created: 2022-12-10T07:16:52.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-30T06:00:31.000Z (over 2 years ago)
• Last Synced: 2025-01-22T17:30:40.100Z (12 months ago)
• Topics: css, editor, html, javascript, pic, pic-editor, responsive-pic-editor
• Language: JavaScript
• Homepage: https://pawantech12.github.io/piceditor/
• Size: 318 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  ![GitHub repo size](https://img.shields.io/github/repo-size/pawantech12/piceditor)

  ![GitHub stars](https://img.shields.io/github/stars/pawantech12/piceditor?style=social)

  ![GitHub forks](https://img.shields.io/github/forks/pawantech12/piceditor?style=social)


  


  
Responsive Pic Editor


  Responsive PicEditor using HTML, CSS, and JavaScript.

  ➥ Live Demo






### Desktop Preview

https://github.com/pawantech12/piceditor/assets/118673866/4e56c19c-cfb0-4a96-81b2-d4049a214310

### Prerequisites

Before you begin, ensure you have met the following requirements:

* You Should Know Basic or Intermediate of HTML ,CSS and JavaScript

* In this project i have used Javascript library `cropper.js` for cropping image. 

For Using `cropper.js` in your project Copy below script tag and place it in your project:

```

```

### Icons

* I have Used 2 Font icons link `Boxicons` and `Fontawesome` :

* Boxicons link :

```

```

* Fontawesome CDN Link :

```

```

### Project Contain

* Editing Tools - brightness,saturation,blur,opacity,etc

* Other Tools - rotate,crop,zoom in,zoom out

* Prefined Filters

* Fully Responsive for all devices

After Editing Image You can save your image.

### Font Family

 

 * I have Used Google Fonts - Poppins

### Run Locally

To run **PicEditor** locally, run this command on your git bash:

Linux and macOS:

```bash

sudo git clone https://github.com/pawantech12/piceditor.git

```

Windows:

```bash

git clone https://github.com/pawantech12/piceditor.git

```

### Contact

If you want to contact with me you can reach me at [Instagram](https://www.instagram.com/codewithpawan/).

### License

This project is **Free To Use** and does not contains any license.