Skip to content

Latest commit

 

History

6,913 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Splotch

A drawing app for toddlers (2+). Big buttons, bright colors, and no menus to get lost in — just touch the screen and scribble. Grown-up stuff stays safely out of reach behind a parental gate.

Try it right now at splotch.art — it's an offline-first PWA on the web, and the same codebase ships as native Android and iOS apps.

Splotch on a portrait phone showing a hot-air balloon drawing, beside an equal-height landscape tablet showing a dinosaur drawing

What can it do?

  • Draw with a pen, a waxy crayon, or the magic brush — with subtle pencil-scratch sounds as you go
  • Pick colors from a kid-sized palette, or tap the rainbow button to explore 88+ curated colors in a honeycomb grid
  • Color built-in coloring books, where the magic brush reveals the picture underneath as you scribble
  • AI-ify a drawing into a polished illustration (token-gated — it calls a paid model)
  • Clear by dragging the trash can — a deliberate gesture little hands won't trigger by accident
  • Take it anywhere — installable, works fully offline, keeps the screen awake while drawing

Links

Quick start

corepack enable pnpm   # once per machine; pnpm's version comes from package.json
pnpm install
npm run dev     # → http://localhost:5173

That's genuinely it. For everything else — prerequisites, the dual web/native build, env vars, testing, deployment, and conventions — head to the contributing guide.

Finding your way around

One SvelteKit codebase ships two targets: the web app on Netlify (SSR + /api/* functions) and fully static native apps via Capacitor. The best entry points, roughly in reading order:

Start here For
Contributing guide Dev setup, the dual-build, testing, code conventions
Architecture guide Tech stack, file-by-file source map, UI element glossary
Mobile guide Android/iOS toolchains, native builds, store releases
docs/adrs/ Architectural decision records — the why behind how it's built
Security policy How to report a vulnerability privately, scope, response targets
GitHub Issues The live backlog (how it's organized)

License

MIT

About

Simple web-based drawing app for kids

Topics

Resources

Contributing

Security policy

Stars

5 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages