Premium
AR Walking Directions
A phone held up on a code-drawn dusk street shows a blue route ribbon and floating arrows anchored to the pavement, a minimap that tilts into its bottom card, and a pin rising over the café at the end of the street.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- three.js
- Topics
- Phone · Maps · 3D
About this style
AR walking navigation draws directions into the camera view instead of onto a map: a path laid on the pavement, arrows that stay fixed to the ground as you move, and a marker over the destination. It depends on world tracking, so the graphics must hold still against the street while the phone moves. Navigation, travel and city apps pair it with a small conventional map so people can check both views at a glance.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A device built in three.js rises out of total darkness while a softbox reflection glides along its titanium edge, then…
One black pill on a phone screen morphs into a notification, a live card and a music player on closed-form springs that…
A recipe app demonstrates Material-style motion: a card expands into a full screen, tabs switch on a shared axis, a FAB…
A phone on a terracotta stage wakes to a dusk-hills wallpaper: frosted notifications spring up and push each other, thr…
More like this on the motion design inspiration board: 3D motion design inspirationMap animation inspirationApp animation inspiration