GitHub - CyanSalt/roughness: A Vue component library with hand-drawn appearance

A Vue component library with hand-drawn appearance.

Hero image generated by google-font-to-svg-path

Installation

npm i roughness

Or from a CDN like jsdelivr via HTML.

You can find the documentation on the website.

Roughness is inspired by ossinsight-lite, which is based on Rough.js, uses chartjs-plugin-roughness, Cabin Sketch font and grid guide appearance.

Also thanks to Sora and Celeste for their encouragement.

Name		Name	Last commit message	Last commit date
Latest commit History 402 Commits
.github/workflows		.github/workflows
docs		docs
src		src
tests		tests
.gitignore		.gitignore
.node-version		.node-version
.npmrc		.npmrc
.release-it.json		.release-it.json
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
eslint.config.js		eslint.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
stylelint.config.js		stylelint.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts