Side projects, experiments, and case studies from Ramine Darabiha, product and R&D leader. New things I build, often with AI as the build partner. https://ramine.net/blog 2026-06-25T00:00:00.000Z Ramine Darabiha ramine@ramine.net https://ramine.net/ ramine.net prerender https://ramine.net/blog/spatial-gallery 2026-06-25T00:00:00.000Z 2026-06-25T00:00:00.000Z

A walk-through 3D museum of my work, native on Apple Vision Pro and browsable in any browser.

<p><img src="https://ramine.net/previews/spatial-gallery.webp" alt="Spatial Gallery" /></p> <p>A spatial edition of this site: a coved-rotunda gallery you move through, with the projects, talks, and writing hung as art and each talk playing as full video while you stand in front of it.</p> <p>The same scene runs two ways. On Apple Vision Pro it enters a true immersive WebXR session driven by gaze and pinch, room-scale, with the gallery taking over your view. Everywhere else it is a flat, mouse and touch navigable 3D scene in the page (the embed on the left).</p> <p>It is also a study in shipping real-time 3D with AI as the build partner. A few of the harder parts:</p> <ul><li><strong>Locomotion that does not make you sick.</strong> Turning is a continuous, one-to-one grab of the world done by offsetting the WebXR reference space, with the maths arranged so it can never feed back into a runaway spin. Teleport-to-where-you-look replaces walking.</li><li><strong>A frame budget that holds 90fps on the M2.</strong> Foveated rendering, a headset-only quality tier, and selecting only the two nearest videos to decode at any moment, which also removed a full-view flash on every head turn.</li><li><strong>Talks that play in-headset.</strong> A YouTube embed cannot render inside WebXR, so the full talks are self-hosted and streamed from Cloudflare R2 onto video planes, with tap for sound and drag to seek.</li></ul> <p>Most portfolios describe the work. This one lets you stand inside it.</p> https://ramine.net/blog/retro-radio 2026-06-20T00:00:00.000Z 2026-06-20T00:00:00.000Z

A retro-styled web radio you can tune and play, built as a small AI-assisted experiment.

<p><img src="https://ramine.net/previews/retro-radio.webp" alt="Retro Radio" /></p> <p>A retro-styled web radio, live at radio.ramine.net and embedded here so you can tune it without leaving the page.</p> <p>It started as a vibe-coded experiment and is becoming its own product, with a proper name and home of its own.</p> <p><em>More on how it was built coming soon.</em></p> https://ramine.net/blog/ramine-net 2026-06-18T00:00:00.000Z 2026-06-18T00:00:00.000Z

The novel techniques behind this site, from a live citation engine to a spatial WebXR edition.

<p><img src="https://ramine.net/previews/ramine-net.webp" alt="Building ramine.net" /></p> <p>This site is itself a side project: a place to try ideas about how a portfolio should work, and a test bed for building polished things quickly with AI. A few of the less obvious pieces:</p> <p><strong>A citation engine.</strong> Claims across the site can carry numbered citations that renumber themselves per view, so the evidence stays consistent no matter which page you land on and nothing has to be tracked by hand.</p> <p><strong>An ask-anywhere evidence console.</strong> A small AI surface that answers questions about my work by composing sourced, cited answers from the underlying corpus, rather than from a model's memory. It is gated behind a private entry so the public site stays clean.</p> <p><strong>A WebGL home.</strong> The landing experience leads with real-time 3D rather than a wall of text, with the chrome kept to plain DOM for accessibility and speed.</p> <p><strong>A spatial edition.</strong> The whole site is also a walk-through WebXR gallery for Apple Vision Pro. That is its own Lab entry: the <a href="https://ramine.net/lab/spatial-gallery">Spatial Gallery</a>.</p> <p><strong>Built to be fast and durable.</strong> Every route is prerendered to static HTML with no single-page fallback, so each page resolves and is crawlable on a cold load, and all media runs through a pipeline that emits modern formats with inline placeholders and fallbacks.</p> <p>The throughline: use AI to take an idea to a working, well-crafted product, then keep the bar high on performance, accessibility, and taste.</p>