💲
Zero-Server Cost
Static hosting on Cloudflare Pages plus a local LLM means the operational cost of one user scales to the entire planet — no inference servers, no GPU fleets, no usage bills.
MooduTools Engineering & On-Device AI Docs
Technical deep-dives into how MooduTools runs a full generative AI product with zero server infrastructure, absolute on-device privacy, and Chrome's built-in Gemini Nano — turning typed emotions into living HTML/CSS art.
🔒
100% On-Device Privacy
Mood text is authored, embedded, and answered entirely inside the browser. Zero egress means your emotional data never transits a network, never touches a datacenter.
📱
Chrome Built-in AI
Gemini Nano ships inside Chrome. A small, purpose-built language model is available without any backend, sign-up, or embedding cost through the window.ai API.
Published Technical Deep-Dives
In-depth, engineer-authored documentation of the systems behind MooduTools.
Architecture · Privacy
Zero-Cost Infrastructure: Running AI Completely in Client Browsers
How Cloudflare Pages static hosting and the Chrome Gemini Nano local prompt API combine into a production architecture with zero egress, zero server cost, and absolute emotional-data privacy.
Rendering · CSS AnimationFrom Text to Canvas: The Generative CSS Animation Pipeline
Inside the rendering engine that parses an on-device LLM's poetic output and emotion parameters into pure HTML5/CSS interactive keyframe animations, sanitized and injected at runtime.
How the Magic Happens
Mood inYou type a feeling; it is tokenized on-device and pinned to a strict system prompt.
Local inferenceGemini Nano runs in Chrome and returns a raw HTML/CSS fragment only.
SanitizeA pass removes scripts and non-renderable prose before anything touches the DOM.
AnimateThe fragment is injected; CSS keyframes bring the art to life entirely in the browser.
Every document focuses on reproducible engineering: architecture, privacy guarantees, and piping. No ads, no trackers — just the technology.