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

Preview:

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

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>