https://github.com/asiffer/roughlify

Make your SVG rough
https://github.com/asiffer/roughlify

roughjs sketch svg

Last synced: 2 months ago
JSON representation

Make your SVG rough

• Host: GitHub
• URL: https://github.com/asiffer/roughlify
• Owner: asiffer
• License: mit
• Created: 2024-02-16T12:44:26.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2024-06-27T14:29:21.000Z (7 months ago)
• Last Synced: 2024-10-01T12:08:17.700Z (4 months ago)
• Topics: roughjs, sketch, svg
• Language: TypeScript
• Homepage: https://asiffer.github.io/roughlify/
• Size: 3.29 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# roughlify

Make your SVG rough ([❤️ rough.js](https://roughjs.com/)).

![Heroicons sample](assets/heroicons.png)

Example with heroicons



## Online app

For an online version of `roughlify`, visit [https://asiffer.github.io/roughlify/](https://asiffer.github.io/roughlify/)!

## Installation

```shell

yarn global add roughlify

```

## Usage

You can either provide a SVG or HTML file (local or remote). In the HTML case, it will make all the svg rough.

```shell

roughlify --stroke "#3500d3" --fill "#3500d3" examples/truck.svg

```

| Before                           | After                                  |

| -------------------------------- | -------------------------------------- |

| ![truck.svg](examples/truck.svg) | ![truck.svg](examples/truck.rough.svg) |

Currently `roughlify` follows the [`rough.js` options](https://github.com/rough-stuff/rough/wiki#options) through CLI flags.