# Saved

Design work worth remembering — interfaces, motion, branding and type, by other people, each linked to its source.

- [Curved gaussian-splat navigation map](https://www.yadongxie.com/saved/curved-gaussian-splat-navigation-map-2a546bed30): A 3D-splatted street view curves like an Inception skyline, showing near and far road at once. — Orbify (3D, on X)
- [Handwriting notebook where Claude writes back](https://www.yadongxie.com/saved/handwriting-notebook-where-claude-writes-back-4a70ac91b9): An e-ink journaling app where Claude answers handwritten questions with its own handwritten notes and sketches. — u/tokentrillionaire (Product, on Reddit)
- [Draggable sketchbook with loupe](https://www.yadongxie.com/saved/draggable-sketchbook-with-loupe-24335b392f): Watercolour Singapore plates in a drag-to-turn book you inspect with a real magnifying glass. — Meng To (Web, on mengto.com)
- [Spatial memory palace photo map](https://www.yadongxie.com/saved/spatial-memory-palace-photo-map-55e26d3bec): Every photo shot at TED reconstructed and placed in navigable 3D space with attribution. — @bilawalsidhu (3D, on X)
- [Holographic wireframe scanner interface](https://www.yadongxie.com/saved/holographic-wireframe-scanner-interface-07f2b1ad87): A dark WebGL hologram with chromatic wireframe rings, scan readouts and live targeting overlays. — @creativedash (3D, on X)
- [Nokia keypad Android launcher](https://www.yadongxie.com/saved/nokia-keypad-android-launcher-059010f38f): A modern flagship phone skinned as a Nokia feature phone, keypad rendered on screen. — @phonefuturist (Product, on X)
- [ASCII sweep tab transition](https://www.yadongxie.com/saved/ascii-sweep-tab-transition-5e5e7bb407): A directional ASCII band sweeps across text as tabs switch, dissolving characters mid-flight. — @davidhdev (Motion, on X)
- [Glossy 3D creature sheet](https://www.yadongxie.com/saved/glossy-3d-creature-sheet-76e52cd808): A browser toy generating rows of glossy 3D creatures with playful materials, stances and idle animations. — @albertobeicas (3D, on X)
- [Pixel mascot SVG animations](https://www.yadongxie.com/saved/pixel-mascot-svg-animations-38670c91e1): Claude's pixel-art mascot rebuilt frame by frame as playful looping SVG animations driven by GSAP. — Ayotomiwa Wale-Durojaye (Motion, on Codrops)
- [Interactive photo relighting shader](https://www.yadongxie.com/saved/interactive-photo-relighting-shader-db621af849): A WebGL shader relights a flat photo in real time, sweeping cinematic light across carved stone. — Dominik Fojcik (3D, on Codrops)
- [Life in Weeks calendar](https://www.yadongxie.com/saved/life-in-weeks-calendar-27abbae8d4): A draggable grid where every cell is one week of your life, filling as you scrub your age. — @jeetnirnejak (Product, on X)
- [Holographic Pokemon card effect](https://www.yadongxie.com/saved/holographic-pokemon-card-effect-2e94e14a2e): Pure CSS holo foil, glare and 3D tilt that makes trading cards feel physically real. — @simeydotme (Web, on GitHub)
- [CSS coffee and milk balance slider](https://www.yadongxie.com/saved/css-coffee-and-milk-balance-slider-69051baeb2): A CSS-only balance slider whose labels count up and down via scroll-driven animation on the range thumb. — @jh3yy (Motion, on X)
- [3D card stack scroll effect](https://www.yadongxie.com/saved/3d-card-stack-scroll-effect-a66ba71592): Scroll fans a flat card grid into a sweeping 3D deck that arcs across the screen. — @codrops (Motion, on Codrops)
- [Weather hourly scrubber](https://www.yadongxie.com/saved/weather-hourly-scrubber-0da0cddc3e): Dragging a waveform timeline scrubs the hour while the sky gradient shifts in real time. — @nihalnova (Product, on X)
- [Animated SVG mascot builder](https://www.yadongxie.com/saved/animated-svg-mascot-builder-20a9e7c3c5): Open-source tool building expressive blob mascots with springy SVG shape and emotion animations. — @iannuttall (Motion, on X)
- [Mixim steganography web toy](https://www.yadongxie.com/saved/mixim-steganography-web-toy-898477ce8f): A minimal dark web tool that hides secret text inside image pixels, invisibly. — @cyandev (Web, on X)
- [Topographic spatial notes map](https://www.yadongxie.com/saved/topographic-spatial-notes-map-3a0dddd2ac): Notes laid out as a zoomable contour-map landscape, turning visual memory into navigation. — @___________chen (Product, on X)
- [Kojima micro-graphic generator](https://www.yadongxie.com/saved/kojima-micro-graphic-generator-c2dc2c29bb): Seeded generative graphics tool with lockable traits, riso finishes and a crisp monospaced Swiss interface. (Web, on X)
- [WebGPU MLS-MPM fluid simulation](https://www.yadongxie.com/saved/webgpu-mls-mpm-fluid-simulation-a422a83943): Real-time browser fluid sim with 200k particles rendered as glossy, screen-space blue water. — @matsuoka_601 (3D, on X)
- [Light streak hero landing page](https://www.yadongxie.com/saved/light-streak-hero-landing-page-06c7725992): A dark landing page where beams of colored light streak in and converge behind the headline. — @stevelauda_ (Web, on X)
- [Expressive eyes on tiny display](https://www.yadongxie.com/saved/expressive-eyes-on-tiny-display-c362b8edf9): A palm-sized ESP32 board whose animated eyes convey personality with only two white shapes. — @dankuntz (Motion, on X)
- [AI pattern generator landing page](https://www.yadongxie.com/saved/ai-pattern-generator-landing-page-f2a69fcd2f): Crisp editorial hero paired with vivid glass-ribbed gradient tiles that sell the product instantly. — @bogdan_qclay (Web, on X)
- [DreamScribe gradient hero landing](https://www.yadongxie.com/saved/dreamscribe-gradient-hero-landing-0b351b56cf): Moody dark hero where soft aurora gradients bleed around a surreal AI dream visual. — @kubadesign (Web, on X)
- [Animated 3D docs icons](https://www.yadongxie.com/saved/animated-3d-docs-icons-ce27dc620a): Crisp isometric 3D icon set that animates on hover across a payments documentation index. — @thomasauros (3D, on X)
- [Making Software illustrated reference site](https://www.yadongxie.com/saved/making-software-illustrated-reference-site-8345d73b7b): A technical reference manual rendered as blueprint-style diagrams that animate as you scroll. — @DanHollick (Web, on X)
- [GPU cluster configurator](https://www.yadongxie.com/saved/gpu-cluster-configurator-640e553459): A GPU buying flow with live datacenter camera feed and playful slider interactions — @sfcompute (Product, on X)
- [Animated gradient event hero](https://www.yadongxie.com/saved/animated-gradient-event-hero-842de3f0a4): Silky flowing light ribbons drift across a dark blue hero, announcing a launch event. — @framer (Web, on X)
- [Game of Life text masking](https://www.yadongxie.com/saved/game-of-life-text-masking-07bb963832): Monospaced Shakespeare text dissolves and reforms as mask cells evolve by Conway's Game of Life rules. — @nathanrs (Motion, on X)
- [Visions Series generative still life](https://www.yadongxie.com/saved/visions-series-generative-still-life-f0d5840754): A machine-vision interface dissecting a Dutch still life, revealing flowers through terminal-style scanning overlays. — @Orkhan (Motion, on X)
- [Voxel QR code tree](https://www.yadongxie.com/saved/voxel-qr-code-tree-5937790c89): A typed URL grows into an isometric voxel QR code blooming as a cherry tree. — @reactiive_ (3D, on X)
- [ASCII rendered logo cube](https://www.yadongxie.com/saved/ascii-rendered-logo-cube-1f9d245dd1): A real 3D cube rendered as ASCII glyph density, draggable, anchoring a dark onboarding screen. — @pengzheng_ (3D, on X)
- [Glowing mountain shader editor](https://www.yadongxie.com/saved/glowing-mountain-shader-editor-b28a1192ae): AI-generated WebGL mountain shader tweaked live through sliders inside a dark motion editor. — @soulegit (Product, on X)
- [Great Wave circuit board art](https://www.yadongxie.com/saved/great-wave-circuit-board-art-b7e11503b3): Hokusai's Great Wave redrawn as gold PCB traces on a navy circuit board. — @RaminNasibov (Print, on X)
- [Nested Loops kinetic linkage](https://www.yadongxie.com/saved/nested-loops-kinetic-linkage-afa7d52e1b): A red rod linkage folds through nested squares, revealing a hidden cube in motion. — Chuck Hoberman (Motion, on X)
- [Drag-to-collapse sidebar interaction](https://www.yadongxie.com/saved/drag-to-collapse-sidebar-interaction-0fe61cc8c7): Resizable app sidebar that snaps into an icon rail once dragged past a threshold. — @guerriero_se (Motion, on X)
- [Complex financial data table](https://www.yadongxie.com/saved/complex-financial-data-table-1939cc56e7): Dense financial table pairing monospaced figures with sparklines, range bars and heatmapped performance cells — Andrew Marcus (Product, on Medium)
