hand-drawn

What problem does it solve?

The Hand-Drawn Skill provides an authentic, hand-crafted UI aesthetic to move away from polished, digital perfection by introducing wobble borders, hard shadows, and tactile typography to React-based interfaces.

Core Features & Use Cases

• Wobbly border-radius across components for organic shapes that feel drawn by hand.
• Hard offset shadows with zero blur to simulate paper layering and tactile depth.
• Typography mandates Kalam for headings and Patrick Hand for body to preserve a human handwritten vibe, plus a dot-grid paper texture background.
• Use Case: Rapidly apply a cohesive hand-drawn style to dashboards, landing pages, and feature cards without bespoke artwork, enhancing personality and perceived warmth.

Quick Start

Build a hand-drawn landing section in a React project using wobble borders, hard shadows, Kalam headings, Patrick Hand body, and a dot-grid paper texture.