All Opus 5.5 videos › Apps & UI

AirDrop-style cross-platform file transfer app with radar UI

by Movez (@0xMovez) · Oct 27, 2026

Prompt

The author shared the full prompt.

Build "Hop": an AirDrop-style app to send files between a Mac and a Windows PC on the same Wi-Fi. No cloud, no accounts.

Stack: Electron (one codebase for macOS + Windows), plain HTML/CSS/JS UI, no frameworks.

1. Discovery: each device broadcasts a small JSON beacon over UDP (port 47800) every 1.5 s to every subnet broadcast address. Show peers that were seen in the last 10 s. Ignore your own beacons.

2. Transfer: each device runs an HTTP server on a random port. Sender POSTs an offer (file names + sizes), the receiver shows Accept / Decline, then files stream one by one. Support whole folders. Never overwrite: "photo (1).jpg". Reject any path that could escape the download folder.

3. Trust: an "Always accept from this device" checkbox. Save to Downloads/Hop (changeable).

4. Before building any UI, write a Node test where two devices in one process find each other and send a folder + a 3 MB file; compare hashes.

5. UI, Apple-level polish: a radar with this device in the center and peers around it (Apple logo on Macs, Windows logo on PCs). Drag files onto a peer, or click it to pick files. The file chip flies along an arc into the peer, then an iOS 17 NameDrop-style iridescent light wave sweeps across the window (WebGL shader with a Canvas fallback). Progress ring around the peer. Vibrancy on macOS, acrylic on Windows 11. Light / Dark / Auto switch.

6. Icon: macOS squircle, 1024 px, readable at 16 px. Draw 3 concepts, compare them, keep the best.

7. Run independent review passes on the UI and the networking code before shipping.

8. GitHub Actions: on a v* tag build Hop-mac-arm64.dmg, Hop-mac-x64.dmg and Hop-windows-x64.exe and publish a release.

9. Add a startup log and always show the window, so a launch that hangs is easy to debug.

Ship it, then give me the install steps for both machines.
Prompt by @0xMovez, from their reply
Category
Apps & UI
Stack
Canvas, WebGL
Made with
Claude Code, Electron, WebGL, Canvas, GitHub Actions
From the author
One afternoon; zero lines written by author.
On X
639 likes · 59K views · 689 saves

More app & UI demos

Apps & UIPrompt0:13

Interactive translucent gummy-bear physics demo

@semichenkko♥ 4K
Three.jsPhysics
Apps & UIPrompt0:26

Home-security drone app that tracks a person and saves footage

@0xCodez♥ 3.4K
AI video
Apps & UIPart of prompt0:49

UI concepts for a light/dark mode toggle

@chetaslua♥ 3.3K
CSS
Apps & UIPrompt0:25

Web app that turns photos into foil-embossed greeting cards

@ann_nnng♥ 2.6K
Apps & UIPrompt0:07

Animated fitness app celebration screen from a static design

@Onethirdesigner♥ 2.1K
Apps & UIPrompt0:16

Liquid Glass-style looping UI motion demo with synced audio

@motion_conquest♥ 2K
Apps & UIPrompt0:38

Bluetooth speaker design demo generated with tscircuit

@seveibar♥ 2K
Apps & UIPart of prompt0:53

Production-quality Orbit landing page with detailed SaaS product UI

@itsluneri♥ 1.7K
CSS