drag-n-crop

Drag N Crop

Image and video cropping web application

#crop #svelte #typescript
Demo Download

Drag-n-crop

Drag-n-crop is a web application for cropping images and videos.
It can handle various file formats and sizes, with images up to 100 MB and videos up to 1 GB.

Tech stack

Frontend                                                    Backend
Svelte Rust
Typescript Rocket
Flowbite Firebase
CropperJS FFMpeg

Limitations

File type Size Format
image 100MB jpg, jpeg, png, gif, bmp, webp, svg
video 1GB mp4, mkv, flv, avi, mov, wmv, webm

How to run locally

(Prerequisite) Run the backend locally.
(Prerequisite) Install yarn.

  1. Clone this repository
  2. Run yarn in root folder
  3. Run yarn dev in root folder
  4. Navigate to http://localhost:5173.

Change log

  • version 1.1 ( ??? )
    • use CropperJS instead of JCrop
    • upload from URL
    • support for longer videos
  • version 1.0 (Jul 18, 2023)
    • upload file
    • crop image
    • crop video
    • download result
    • light / dark theme

Top categories

tailwind daisyui admin template popup mdsvex portfolio blog form ecommerce ui carousel auth dark seo image routing
Loading Svelte Themes