Skip to capabilities

Interactive worlds · Media · Edge publishing

UFAAFU

A personal gift with a whole world inside.

UFAAFU is a new online digital gift-giving platform. A sender combines words, photographs, music, and surprises into a small interactive world. The experience is warm and personal; the underlying system handles creation, media, access, publishing, and private recipient links.

UFAAFU’s Mountain Top Cabin: a glowing fireplace, snowy mountain views, and keepsakes in a warm log cabin
UFAAFUA LITTLE WORLD FOR YOU
ABOVE THE CLOUDSFor Jamie.

Alex left a few things here,
just for you.

The Mountain Top Cabin · A sample gift
Under the surface

A connected system.
Every layer has a job.

01Create + personalize
02Preview the world
03Publish a snapshot
04Explore + reveal
Creator & player
React · TypeScript · Vite

Guided creation, saved drafts, and accountless recipient experiences.

Worlds & media
Panoramas · Web Audio · Video · Typed keepsakes

Interactive rooms, personal objects, and sound with controlled playback.

Publishing & storage
Cloudflare Workers · D1 · R2

Immutable gift snapshots, publication records, and versioned scene assets.

Access & integrations
Clerk · Spotify · Media moderation

Creator identity, server-side eligibility, and controlled external media.

What the technology makes possible.

UFAAFU / Engineering capabilities
01

An interactive world engine

The recipient explores a scene instead of scrolling through a conventional greeting page.

Technical detail
  • World-specific panoramic environments with interactive keepsakes.
  • Keyboard controls, responsive panning, focus handling, and full-window views.
  • Personalized surface content within the room’s visual perspective.
  • Scene variants preserve the physical presence or removal of optional objects.

Digital storytelling can become a place to explore, with its own pace and emotional arc.

02

A structured creation experience

Personal content stays editable through a guided create, preview, and reveal journey.

Technical detail
  • Typed gift and keepsake models for letters, photos, albums, tickets, books, and surprises.
  • Local draft persistence and preview before publication.
  • Personal names, messages, imagery, pets, and scene-specific details.
  • Validation retains the draft when a step cannot complete.

Rich personalization can be approachable without exposing the underlying complexity to the sender.

03

Publishing at the edge

A private draft becomes a fixed recipient experience backed by persistent publication records.

Technical detail
  • Cloudflare Workers coordinate publication and delivery APIs.
  • R2 stores gift snapshots and scene media; D1 stores metadata and publication state.
  • Idempotency checks make retried publication requests safe.
  • Versioned assets and cache policies separate immutable artwork from changing application code.

A media-rich experience can be shared as a reliable link without requiring the recipient to create an account.

04

Sound and media with intent

Audio and video support the scene while respecting the visitor’s playback choices.

Technical detail
  • Web Audio ambience mixing with fades, gain controls, and lifecycle cleanup.
  • Spotify catalog search and visible player integrations.
  • YouTube and Vimeo media presented through controlled players.
  • Playback is subject to user gestures and each provider’s rules.

An immersive experience can include sound and personal media without surprising visitors with uncontrolled playback.

05

Private sharing and access

Creator identity and recipient access have different responsibilities.

Technical detail
  • Clerk authenticates creators before hosted publication.
  • Server-side checks control world availability and premium eligibility.
  • Recipient links use random capabilities, with token hashes in publication records.
  • Public link previews use scene artwork rather than personal gift content.

The sender gets an account-backed workflow while the recipient gets a simple, personal arrival.

06

Media checks and release discipline

The platform includes the less visible work needed to publish user-created experiences.

Technical detail
  • Image and video checks using TensorFlow.js and NSFWJS, including server-side moderation paths.
  • Upload size, type, origin, and request limits.
  • Portable recipient-player packaging and self-contained export code.
  • Separate environment configuration, versioned releases, and asset-integrity verification.

A creative product can have real publishing controls and a maintainable release process beneath the artwork.

Search & distribution

Built to be found.
Clear when it is.

Discoverability needs its own engineering: the right public information, the right metadata, and clear paths into the experience.

Deliberate link previews

Open Graph and social-card metadata use public world artwork to make an invitation recognizable.

Private recipient content

Personal gift links are marked noindex and served with private caching and referrer controls.

Canonical destinations

A defined public origin keeps published links and social metadata aligned.

Media delivery

Versioned scene assets and media-serving rules support a consistent arrival across devices.

For your next idea

Different project.
New possibilities.

Personalized gifting, interactive storytelling, immersive brand experiences, media-rich creator platforms, and private publishing products.

Talk through your project

Build on these capabilities