https://github.com/CyanSalt/roughness

A Vue component library with hand-drawn appearance
https://github.com/CyanSalt/roughness

hand-drawn roughjs ui-components vue

Last synced: 2 days ago
JSON representation

A Vue component library with hand-drawn appearance

• Host: GitHub
• URL: https://github.com/CyanSalt/roughness
• Owner: CyanSalt
• License: isc
• Created: 2023-06-27T05:43:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-12T08:53:17.000Z (6 months ago)
• Last Synced: 2024-04-12T11:30:21.886Z (6 months ago)
• Topics: hand-drawn, roughjs, ui-components, vue
• Language: Vue
• Homepage: https://roughness.vercel.app
• Size: 1.42 MB
• Stars: 18
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

    

    

    

  






A Vue component library with hand-drawn appearance.





  

    

  



*Hero image generated by [`google-font-to-svg-path`](https://danmarshall.github.io/google-font-to-svg-path/)*

*Font: [Cabin Sketch](https://fonts.google.com/specimen/Cabin+Sketch)*

## Installation

```shell

npm i roughness

```

Or from a CDN like [jsdelivr](https://www.jsdelivr.com/) via HTML.

## Documentation

You can find the documentation [on the website](https://roughness.vercel.app).

## Acknowledgments

Roughness is inspired by [ossinsight-lite](https://github.com/pingcap/ossinsight-lite/), which is based on Rough.js, uses [chartjs-plugin-roughness](https://www.npmjs.com/package/chartjs-plugin-roughness), Cabin Sketch font and grid guide appearance.

Also thanks to Sora and Celeste for their encouragement.

## License

ISC © [CyanSalt](https://github.com/CyanSalt)