About Lumitree

You visit lumitree.art. You see a tree. You type something: "a bioluminescent ocean", "a city made of music", "a galaxy of fireflies". A few moments later, a new branch appears on the tree. That branch contains a unique, interactive micro-world generated from your words.

No login required. No account needed. You plant, it grows, and it stays on the tree for everyone to explore.

Every micro-world is a self-contained interactive artwork. Each one is under 50KB with zero external dependencies — everything is inline HTML, CSS, and JavaScript. They use different creative coding techniques:

• ●Canvas 2D art — particle systems, physics simulations, procedural landscapes, flow fields
• ●WebGL shaders — fragment shaders, SDF raymarching, generative patterns
• ●Mini-games — interactive game loops with scoring, physics, and touch controls
• ●Visual poetry — kinetic typography, animated text, CSS art
• ●Tiny worlds — isometric dioramas, pseudo-3D scenes, miniature landscapes
• ●Sound gardens — interactive soundscapes using Web Audio API, procedural music

Every world uses a different technique. No two branches look the same. The constraint — 50KB, no dependencies — forces creative solutions that often produce surprisingly rich results.

Lumitree exists because the internet needs more beauty. Not everything online needs a business model, a growth strategy, or a conversion funnel. Some things can just be beautiful.

This is a gift to the internet. A tree that grows through collective imagination. Every person who plants a seed adds something unique. The tree is a living archive of what people dream about when given a blank canvas.

For the technically curious: Lumitree is built with Next.js (App Router), an Express backend, and Supabase for the database. The frontend is deployed on Netlify, the backend on Railway.

Each micro-world is rendered in a sandboxed iframe. The generation pipeline produces complete HTML documents with embedded styles and scripts. Content moderation happens pre-generation — prompts are filtered before anything is built.

Performance: Lighthouse scores of 93 (Performance), 95 (Accessibility), 96 (Best Practices), 100 (SEO). Every world uses requestAnimationFrame for animation with a cap of 500 active objects and object pooling.

Lumitree is created by Peter Baardo at Studio Lumitree. Peter is an AI artist and creative technologist who believes technology should serve beauty, not the other way around.

Want to collaborate, write about Lumitree, or just say hello? Reach out at info@lumitree.art.