Sketchy Text Generator

An interactive tool for generating hand-drawn looking text using Rough.js. This application allows you to convert regular text into sketchy, hand-drawn style graphics that can be downloaded as PNG images.

• Text to Sketch: Convert any text into hand-drawn sketches
• Font Selection: Choose from various font families as the base for your sketch
• Size Control: Adjust the font size to your needs
• Roughness Control: Fine-tune how sketchy or hand-drawn the text appears
• Fill Styles: Multiple fill styles including solid, hachure, zigzag, cross-hatch, dots, and dashed
• Color Options: Customize both fill and stroke colors
• Randomize: Generate new variations with the randomize feature
• Download: Save your creation as a PNG image

Under the hood, this application:

1. Renders your text normally using HTML Canvas
2. Samples the pixel data to identify the text shape
3. Simplifies the outline to create a more efficient path
4. Uses Rough.js to render the sketchy version with customized options

• React for the user interface
• Rough.js for the sketchy, hand-drawn rendering
• HTML Canvas for the drawing operations

1. Enter your text in the input field
2. Adjust the font, size, roughness, and style options as desired
3. Click "Randomize Style" to generate variations
4. Once satisfied, click "Download Image" to save your creation

This tool is perfect for creating unique headers, logos, or graphics with a hand-drawn aesthetic for your projects.