{"id":21619607,"url":"https://github.com/ekarton/rclone-drive-webui","last_synced_at":"2025-07-18T22:08:41.037Z","repository":{"id":37944481,"uuid":"420540963","full_name":"EKarton/RClone-Drive-WebUI","owner":"EKarton","description":"A React app used to view and manage cloud files on RClone","archived":false,"fork":false,"pushed_at":"2025-01-13T22:03:42.000Z","size":27295,"stargazers_count":32,"open_issues_count":10,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T09:53:55.421Z","etag":null,"topics":["cloudstorage","rclone","rclone-browser","rclone-client","rclone-gui","react","webapp"],"latest_commit_sha":null,"homepage":"https://rclonedrive.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EKarton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-10-23T23:00:36.000Z","updated_at":"2025-04-10T11:46:57.000Z","dependencies_parsed_at":"2025-04-11T09:01:21.710Z","dependency_job_id":"f251a833-4ba1-4c70-8e7a-c357c088e2ca","html_url":"https://github.com/EKarton/RClone-Drive-WebUI","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/EKarton/RClone-Drive-WebUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EKarton%2FRClone-Drive-WebUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EKarton%2FRClone-Drive-WebUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EKarton%2FRClone-Drive-WebUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EKarton%2FRClone-Drive-WebUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EKarton","download_url":"https://codeload.github.com/EKarton/RClone-Drive-WebUI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EKarton%2FRClone-Drive-WebUI/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265845094,"owners_count":23837729,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudstorage","rclone","rclone-browser","rclone-client","rclone-gui","react","webapp"],"created_at":"2024-11-24T23:09:28.616Z","updated_at":"2025-07-18T22:08:41.012Z","avatar_url":"https://github.com/EKarton.png","language":"JavaScript","readme":"# RClone Drive Web UI\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/e431cc05-9841-4b26-9092-78783424de4b/deploy-status)](https://app.netlify.com/sites/rclonedrive/deploys) [![codecov](https://codecov.io/gh/EKarton/RClone-Drive-WebUI/branch/main/graph/badge.svg?token=IK7IKBHD45)](https://codecov.io/gh/EKarton/RClone-Drive-WebUI)\n\n## Description\n\nThe RClone Drive Web UI is a RClone client that provides an easy-to-use web interface to view and manage your files on RClone. It uses your RClone instance's [Remote Control](https://rclone.org/rc/) to connect to your cloud drives.\n\n## Features\n\n- [x] Navigate and see files in directories and remotes\n- [x] See images and files in detail\n- [x] View and scroll through all pictures recursively (like Google Photos) with lazy-loading\n- [x] Upload files and folders easily via drag-and-drop with web workers\n- [x] Copy and move files between and within remotes asynchronously with web workers\n- [x] Delete files asynchronously with web workers\n- [x] Set theme to dark mode\n- [x] Clear trash can on selected cloud providers and remotes\n- [ ] Search for files and images across remotes\n\n## Walkthrough\n\nRefer to [this doc](docs/Walkthrough.md) for a detailed walkthrough. However, here are a few screenshots:\n\n![files-list-page](docs/screenshots/files-list-page.png)\n\n![pictures-list-page](docs/screenshots/pictures-list-page.png)\n\n## Setup / Getting Started\n\n1. Install dependencies by running `yarn install`\n2. Start your RClone instance:\n\n   1. If your RClone config is in its [default location](https://rclone.org/docs/#:~:text=The%20exact%20default%20is%20a%20bit%20complex%20to%20describe%2C%20due%20to%20changes%20introduced%20through%20different%20versions%20of%20rclone%20while%20preserving%20backwards%20compatibility%2C%20but%20in%20most%20cases%20it%20is%20as%20simple%20as%3A), run:\n\n      ```bash\n      rclone rcd --rc-allow-origin 'http://localhost:3000' --rc-user='local' --rc-pass=\"1234\" --rc-serve\n      ```\n\n   2. Else, if it is in a different location, run:\n\n      ```bash\n      rclone rcd --rc-allow-origin 'http://localhost:3000' --rc-user='local' --rc-pass=\"1234\" --rc-serve --config \u003cPath to RClone config\u003e\n      ```\n\n   More info is at the [RClone docs](https://rclone.org/commands/rclone_rcd/)\n\n3. Run this app in development mode by running `yarn start-dev`. You can access your local build on \u003chttp://localhost:3000\u003e on your web browser.\n\n## Useful Scripts for Local Development\n\n1. `yarn test`\n\n   Runs all test cases. To run only one test case, specify the relative path to the test like `yarn test src/pages/FilesPage/__tests__/index.test.js`\n\n2. `yarn build`\n\n   Builds the app in production mode\n\n3. `yarn lint`\n\n   Checks code formatting. To automatically fix code formatting, run `yarn lint:fix`\n\n4. `yarn start-dev`:\n\n   Starts the app in development mode\n\n## Usage\n\nPlease note that this project is used for educational purposes and is not intended to be used commercially. We are not liable for any damages/changes/lost data done by this project.\n\n## Credits\n\nEmilio Kartono, who made the entire project. Illustrations are from \u003chttps://undraw.co/\u003e.\n\n## License\n\nThis project is protected under the GNU licence. Please refer to the LICENSE.txt for more information.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fekarton%2Frclone-drive-webui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fekarton%2Frclone-drive-webui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fekarton%2Frclone-drive-webui/lists"}