Like RoughJS but with CSS and HTML instead of JS and SVG.
From github:
npm i github:douganderson444/rough-css
Svelte:
See ./src/routes/+page.svelte and index.svx
<script>
// ./src/routes/+page.svelte
import { RoughBox, RoughUnderline } from '@douganderson444/rough-css';
</script>
<RoughBox contenteditable={true}>
Hello
<div slot="boxinner" style="padding:4px">World</div>
<p contenteditable>This is all CSS! Edit me!</p>
```
contenteditable={true}
```
</RoughBox>
<RoughBox>
<RoughUnderline>@DougAnderson444</RoughUnderline>
<div slot="boxinner" style="background:#1DA1F2; color:white; padding:4px">Twitter</div>
</RoughBox>npm run package
npm publish