# RoughJS

- **Website:** <https://roughjs.com>
- **Primary alias:** `roughjs.com`

## Description

Rough.js is a lightweight JavaScript library that allows you to create graphics with a hand-drawn, sketchy appearance. With a size of less than 9kB when gzipped, Rough.js offers primitives to draw lines, curves, arcs, polygons, circles, ellipses, and even SVG paths. This versatile library can be used with both Canvas and SVG, making it a flexible choice for developers.

Using Rough.js is as simple as installing it from npm and incorporating it into your code. You can easily draw shapes like circles, ellipses, and lines, as well as customize fill styles and sketching effects. The library also includes support for SVG paths with simplification options.

Whether you want to create a sketchy, hand-drawn-style graphic or add a unique touch to your designs, Rough.js provides a user-friendly solution for producing visually appealing graphics. Visit the GitHub page for the full API and start sketching with Rough.js today.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/RoughLib)
- [github](https://github.com/rough-stuff)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idPG1goNKi/w/32/h/31/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1713239016270)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idPG1goNKi/w/256/h/256/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1713239016669)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Carnation | #fa5252 | accent |
| Black | #000000 | dark |
| White | #ffffff | light |

## Fonts

- SF Pro Display — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idPG1goNKi/w/1500/h/500/idXRBJdHSJ.jpeg?c=1bxid64Mup7aczewSAYMX&t=1713239016522)

---

_Source: <https://brandfetch.com/roughjs.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._