First off, thank you for considering contributing to the RClone Manager website! It's people like you that make the open-source community such an amazing place.
- Fork the repository on GitHub.
- Clone your fork locally:
git clone https://github.com/YOUR_USERNAME/rclone-manager-website.git cd rclone-manager-website - Install dependencies:
npm install
- Run the development server:
npm start
Most contributions will likely be in the form of updated or new documentation.
All documentation is located in the public/docs/ directory as Markdown files.
- To add a new page, create a
.mdfile in the appropriate subdirectory. - Update
public/docs/sidebar.mdto include your new page in the navigation.
When adding images to documentation:
- Place the image file in
public/docs/assets/. - Reference it in your Markdown using a relative path:

We have a special renderer that allows you to use Material Icons directly in your Markdown content. This keeps our docs consistent with the app's UI.
Syntax: [[icon:icon_name.color]]
| Category | Example | Renders as |
|---|---|---|
| Basic | [[icon:description]] |
Default color icon |
| Primary | [[icon:sync.primary]] |
Theme primary (Green) |
| Accent | [[icon:bolt.accent]] |
Theme accent (Blue) |
| Success | [[icon:check_circle.success]] |
Green success icon |
| Warning | [[icon:report_problem.warn]] |
Orange/Red warning icon |
You can find all available icon names on the Material Symbols & Icons gallery.
If you're looking to contribute code to the frontend:
- We use Angular 21 with standalone components.
- Styling is done via Vanilla CSS/SCSS with a custom Adwaita theme.
- Follow the existing project structure and coding style.
Thank you for your help!