๐ŸŽจ SketchAPI

SketchAPI is a powerful, lightweight JavaScript library for creating custom drawing applications. With flexible tools, cross-platform compatibility, and optional cloud storage, SketchAPI is well-suited for projects from simple doodles to professional illustrations.

โšก Quick Start

yarn add @sketchapi/sketchpad
import { Sketchpad } from '@sketchapi/sketchpad'

const sketchpad = new Sketchpad(config)

document.body.appendChild(sketchpad)

await sketchpad.load({
  onprogress: (e) => console.log(e.loaded / e.total),
  onload: () => console.log('loaded'),
  onerror: (e) => console.error(e),
  signal: controller.signal
})

๐Ÿš€ Get Started with SketchAPI ยป


โญ Core Features

  • ๐Ÿงฉ Modular Architecture: Extend functionalities with plugins and custom tools
  • ๐ŸŽฏ Customizable Tools: Rich selection of brushes, shapes, effects, and text options
  • ๐Ÿ’ซ Vector Sharing: Export and share vector files with a premium API key
  • ๐ŸŽญ Theming Options: Light and dark modes with customizable UI components
  • ๐ŸŒ Cross-Platform Support: Works seamlessly with mouse, touch, and stylus input
  • Supports mouse, touch, and stylus input
  • Multi-language support via LanguageSelector in settings

โœจ Learn More About Features ยป


๐ŸŽฏ Use Cases

๐ŸŽจ Digital Content Creation

  • ๐Ÿ“ Interactive Annotations: Perfect for online content and documentation
  • ๐Ÿ–Œ๏ธ Professional Art Tools: Suited for illustration and digital painting
  • ๐Ÿ”„ Non-destructive Editing: Flexible editing workflows for creativity

๐Ÿ–ฅ๏ธ Interactive Installations

  • ๐Ÿ›๏ธ Kiosk Software: Ideal for museums and learning centers
  • ๐Ÿ‘† Touch Applications: Interactive displays and exhibits
  • ๐Ÿ“š Educational Tools: Perfect for learning and training applications

๐Ÿ” Explore Use Cases ยป


๐Ÿ“š Resources