Playful Design

Pencil Paper

Code-drawn paper grain and cursive pencil-to-pen mark overlays.

Installation

@playfuldesign/templates/textures/pencil-paper

Code preset

import { SvgPatternTemplate } from "@playfuldesign/templates/react";

<SvgPatternTemplate
  preset="pencil-paper"
  color="#191718"
  density={3}
  scale={22}
  grain={0}
  contrast={54}
  shape={50}
/>
Drag to draw pencil

Pencil Paper

Code-drawn paper grain and cursive pencil-to-pen mark overlays.