<!doctype html>
<html lang="en" dir="ltr" class="theme-dark scheme-default" data-theme="dark">
<head>
	<meta charset="utf-8" />
	<link rel="icon" href="/favicon.png" type="image/png" />
	<link rel="preload" href="/fonts/CanelaDeck-Regular-Trial.woff2" as="font" type="font/woff2" crossorigin />
	<link rel="preload" href="/fonts/CanelaDeck-Medium-Trial.woff2" as="font" type="font/woff2" crossorigin />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="theme-color" content="#1a1030" />
	<link href="./_app/immutable/entry/start.QrlgHVW0.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/1c7H5V_-.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/CWPOgtuS.js" rel="modulepreload">
		<link href="./_app/immutable/entry/app.DSiqsKxU.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/jS-Oc5Hp.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DuNB5WrU.js" rel="modulepreload">
		<link href="./_app/immutable/nodes/0.BFnIgKLp.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Cyw3q7GX.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/D2S2aQy_.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Hpe24yki.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C85siyww.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C5s-Mp95.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C8tC_Cop.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/C20H1CTx.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DTI-0AkS.js" rel="modulepreload">
		<link href="./_app/immutable/nodes/7.BuaNLXc_.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/FC5Tsv7R.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/DqCEGgaR.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/B0QGDzGH.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/Bc_vgZ2e.js" rel="modulepreload">
		<link href="./_app/immutable/chunks/B7KJLGka.js" rel="modulepreload">
		<!--12qhfyh--><link rel="alternate" type="application/rss+xml" title="MIKO.ART Journal" href="/journal/rss.xml"/><!----><!--1tduvr2--><!--[0--><meta name="description" content="Playful tools, creative apps, and interactive software by Miko Meow for drawing, music, mindfulness, color, and generative art."/><!--]--> <meta name="author" content="Miko Meow"/> <meta name="robots" content="index, follow"/> <link rel="canonical" href="https://miko.art/"/> <meta property="og:site_name" content="MIKO.ART"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Apps, Tools &amp; Interactive Software - MIKO.ART"/> <!--[0--><meta property="og:description" content="Playful tools, creative apps, and interactive software by Miko Meow for drawing, music, mindfulness, color, and generative art."/><!--]--> <meta property="og:url" content="https://miko.art/"/> <meta property="og:image" content="https://miko.art/media/projects/generated/apps-upscaled/project-sketchpad-upscaled.webp"/> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Apps, Tools &amp; Interactive Software - MIKO.ART"/> <!--[0--><meta name="twitter:description" content="Playful tools, creative apps, and interactive software by Miko Meow for drawing, music, mindfulness, color, and generative art."/><!--]--> <meta name="twitter:image" content="https://miko.art/media/projects/generated/apps-upscaled/project-sketchpad-upscaled.webp"/> <!--[-1--><!--]--> <!----><script nonce="086483fd-4dbe-4b89-8921-db210e8aa5b9" type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"MIKO.ART","url":"https://miko.art","description":"Creative software, design tools, music experiments, and process notes from Miko Meow.","author":{"@type":"Person","name":"Miko Meow","url":"https://miko.art"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://miko.art/sitemap/?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script><script nonce="086483fd-4dbe-4b89-8921-db210e8aa5b9" type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Apps, Tools & Interactive Software","headline":"Apps, Tools & Interactive Software","description":"Playful tools, creative apps, and interactive software by Miko Meow for drawing, music, mindfulness, color, and generative art.","url":"https://miko.art/","isPartOf":{"@type":"WebSite","name":"MIKO.ART","url":"https://miko.art"},"author":{"@type":"Person","name":"Miko Meow","url":"https://miko.art"}}</script><!----><!----><title>Apps, Tools &amp; Interactive Software - MIKO.ART</title>
		<link href="./_app/immutable/assets/src.CFuaCecU.css" rel="stylesheet">
		<link href="./_app/immutable/assets/0.CuTpmbty.css" rel="stylesheet">
		<link href="./_app/immutable/assets/7.D2Xjmlcd.css" rel="stylesheet">
</head>
<body data-sveltekit-preload-data="hover">
	<!-- Body content -->
	<div style="display: contents"><!--[--><!--[0--><!--[--><div class="code-theme"><!--[-1--><a href="#main-content" class="layout-skip-link svelte-12qhfyh">Skip to main content</a> <header class="layout-header"><div class="layout-header__inner"><div class="layout-header__logo"><a href="/" class="layout-header__logo-link" aria-label="MIKO.ART — Home"><!--[0--><img src="/media/brand/logo.svg" alt="MIKO.ART" width="335" height="120" class="layout-header__logo-image"/><!--]--></a></div> <!--[-1--><nav class="layout-header__nav"><!--[--><!--[-1--><a href="/" class="layout-header__nav-link layout-header__nav-link--active">Apps</a><!--]--><!--[-1--><a href="/journal" class="layout-header__nav-link">Journal</a><!--]--><!--[-1--><a href="/about" class="layout-header__nav-link">Profile</a><!--]--><!--]--></nav><!--]--><!----> <div class="layout-header__utilities svelte-1590i4z" aria-label="Quick actions"><a href="/contact?from=topbar" class="layout-header__utility-link" aria-label="Contact" title="Contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="lucide-icon lucide lucide-mail"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----></svg><!----></a><!----></div> <button type="button" class="layout-header__menu-button svelte-1590i4z" aria-expanded="false" aria-controls="site-mobile-menu" aria-label="Open navigation menu"><!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="lucide-icon lucide lucide-menu"><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----></svg><!--]--></button></div> <!--[-1--><!--]--></header><!----> <main id="main-content"><!--[-1--><!--[--><!----> <div class="ui-page-shell apps-page svelte-dmm3js"><div class="apps-page svelte-1ewpnpz"><section class="apps-page__hero svelte-1ewpnpz" aria-labelledby="apps-page-title"><div class="apps-page__hero-copy svelte-1ewpnpz"><p class="apps-page__eyebrow svelte-1ewpnpz">Apps</p> <h1 id="apps-page-title" class="apps-page__title svelte-1ewpnpz">Playful tools, creative apps, and <span class="svelte-1ewpnpz">interactive software <span class="apps-page__title-icon-wrap svelte-1ewpnpz"><img src="/media/page-icons/holidays-party.png" alt="Apps illustration" class="apps-page__title-icon svelte-1ewpnpz" loading="eager" decoding="async"/></span></span></h1> <p class="apps-page__intro svelte-1ewpnpz">Apps crafted for making, learning, and play. Browser-native tools for drawing, music, color, mindfulness, and generative art.</p></div> <div class="apps-page__signal svelte-1ewpnpz"><div class="apps-page__signal-line svelte-1ewpnpz"></div> <span>Software Collection</span></div></section> <section class="apps-page__collection svelte-1ewpnpz" aria-labelledby="apps-collection-title"><div class="apps-page__collection-head svelte-1ewpnpz"><div><h2 id="apps-collection-title" class="apps-page__section-title svelte-1ewpnpz">Collection</h2> <p class="apps-page__section-kicker svelte-1ewpnpz">Creative software for drawing, music, mindfulness, color, and generative art</p></div></div> <div class="apps-page__grid svelte-1ewpnpz"><!--[--><a href="https://sketchpad.com/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-sketchpad-upscaled.webp" alt="Sketchpad preview" loading="eager" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Flagship</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Drawing</p> <h3 class="svelte-1ewpnpz">Sketchpad</h3> <p class="svelte-1ewpnpz">Draw, create &amp; share with this online drawing application. Free for all since 2008. Fun for all ages 🦄</p></div></a><a href="https://colorpiano.com/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-color-piano-upscaled.webp" alt="Color Piano preview" loading="eager" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Interactive</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Music Learning</p> <h3 class="svelte-1ewpnpz">Color Piano</h3> <p class="svelte-1ewpnpz">Learn music theory essentials, and visualize amazing composers with this interactive color piano 🎵</p></div></a><a href="https://beheremeow.app/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-be-here-meow-upscaled.webp" alt="Be Here Meow preview" loading="lazy" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Reflective</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Mindfulness</p> <h3 class="svelte-1ewpnpz">Be Here Meow</h3> <p class="svelte-1ewpnpz">A mindfulness and journaling app designed for creative personal growth 😸</p></div></a><a href="https://colorsphere.app/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-color-sphere-upscaled.webp" alt="Color Sphere preview" loading="lazy" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Educational</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Color Theory</p> <h3 class="svelte-1ewpnpz">Color Sphere</h3> <p class="svelte-1ewpnpz">Learn color harmony essentials, create color schemes, and export your own color palettes 🎨</p></div></a><a href="https://sandart.app/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-sand-art-upscaled.webp" alt="Sand Art preview" loading="lazy" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Meditative</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Generative</p> <h3 class="svelte-1ewpnpz">Sand Art</h3> <p class="svelte-1ewpnpz">Make your own meditative &amp; beautiful sandscapes through the art of pouring coloured sands 🧘</p></div></a><a href="https://zendala.app/" class="apps-page__card svelte-1ewpnpz" rel="me noopener"><div class="apps-page__card-art svelte-1ewpnpz"><img src="/media/projects/generated/apps-upscaled/project-zendala-upscaled.webp" alt="Zendala preview" loading="lazy" decoding="async" class="svelte-1ewpnpz"/> <div class="apps-page__card-shade svelte-1ewpnpz"></div> <span class="apps-page__badge svelte-1ewpnpz">Ambient</span></div> <div class="apps-page__card-copy svelte-1ewpnpz"><p class="apps-page__card-label svelte-1ewpnpz">Audio-Visual</p> <h3 class="svelte-1ewpnpz">Zendala</h3> <p class="svelte-1ewpnpz">Generate colorful patterns and ambient tones with this interactive audio-visual tool 🌈</p></div></a><!--]--></div></section> <section class="apps-page__inquiry svelte-1ewpnpz" aria-labelledby="apps-inquiry-title"><div class="apps-page__inquiry-panel svelte-1ewpnpz"><div class="apps-page__inquiry-copy svelte-1ewpnpz"><h2 id="apps-inquiry-title" class="svelte-1ewpnpz">Need a custom <span class="svelte-1ewpnpz">interactive tool?</span></h2> <p class="svelte-1ewpnpz">Creative software for education, design systems, musical exploration, and playful digital experiences.</p></div> <a href="/contact?from=apps&amp;topic=software" class="apps-page__inquiry-link svelte-1ewpnpz">Start a Conversation</a></div></section></div><!----></div><!----><!--]--><!--]--><!----></main> <footer class="layout-footer"><div class="layout-footer__inner"><div class="layout-footer__top"><div class="layout-footer__brand"><a href="/" class="layout-footer__brand-link">Miko</a> <!--[0--><p class="layout-footer__tagline">Developer, designer &amp; musician</p><!--]--> <!--[0--><small class="layout-footer__copyright">© 2026 Miko Meow™</small><!--]--></div> <div class="layout-footer__columns" aria-label="Footer links"><div class="layout-footer__col"><p class="layout-footer__col-heading">Explore</p> <ul><!--[--><li><a class="layout-footer__col-link" href="/labs">Labs</a></li><!--]--> <!--[--><li><a class="layout-footer__col-link" href="/sitemap">Sitemap</a></li><!--]--></ul></div> <!--[0--><div class="layout-footer__col"><p class="layout-footer__col-heading">Elsewhere</p> <ul><!--[--><li><a class="layout-footer__col-link" href="https://beheremeow.app" target="_blank" rel="noreferrer noopener">BeHereMeow ↗</a></li><li><a class="layout-footer__col-link" href="https://colorpiano.com" target="_blank" rel="noreferrer noopener">ColorPiano ↗</a></li><li><a class="layout-footer__col-link" href="https://github.com/mudcube" target="_blank" rel="noreferrer noopener nofollow">GitHub ↗</a></li><li><a class="layout-footer__col-link" href="https://sketch.io" target="_blank" rel="noreferrer noopener">Sketch.IO ↗</a></li><!--]--></ul></div><!--]--> <div class="layout-footer__col"><p class="layout-footer__col-heading">Legal</p> <ul><!--[--><li><a class="layout-footer__col-link" href="/cookies">Cookies</a></li><li><a class="layout-footer__col-link" href="/privacy">Privacy</a></li><li><a class="layout-footer__col-link" href="/terms">Terms</a></li><!--]--></ul></div></div></div></div></footer><!----> <!--[-1--><!--]--><!--]--></div><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
			
			<script nonce="086483fd-4dbe-4b89-8921-db210e8aa5b9">
				{
					__sveltekit_17wov5d = {
						base: new URL(".", location).pathname.slice(0, -1)
					};

					const element = document.currentScript.parentElement;

					Promise.all([
						import("./_app/immutable/entry/start.QrlgHVW0.js"),
						import("./_app/immutable/entry/app.DSiqsKxU.js")
					]).then(([kit, app]) => {
						kit.start(app, element, {
							node_ids: [0, 7],
							data: [{type:"data",data:{preferences:{theme:"dark",themeScheme:"default"},activeStage:"live",activeTarget:"dev",showVersionSwitcher:false},uses:{}},null],
							form: null,
							error: null
						});
					});
				}
			</script>
		</div>

	</body>
</html>
