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.

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

• Working app
• GitHub repository
• Scrapbook
• Design docs
• Feedback
• Privacy policy

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