Hand-drawn Styled HTML Elements In CSS - Doodle.CSS

Authorchr15m

Last UpdateDecember 18, 2021

LicenseMIT

Tags

Views1,456 views

Doodle.CSS is a CSS-only UI library used to create Hand-drawn styled (also called sketchy and cartoony) HTML elements.

How to use it:

1. Download and import the doodle.css stylesheet.

<link rel="stylesheet" href="doodle.css" />

2. Load the recommended font in the document.

@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
body {
  font-family: 'Short Stack', cursive;
}

3. Add the CSS class ‘doodle’ to the body tag. Happy coding!

<body class="doodle">
  ...
<body>