Life is short, cook something beautiful
A album showcasing the ui/ ux side-projects cooked by Jim Luo
pick a flavour
Cloth Sidebar
Navigation as fabric — a sheet that lifts off the sidebar, a curtain on a lamp cord.
EffectAnimationMobile
Particle Logo
A logo mark of particles — it bends to the cursor, blasts apart, docks on scroll.
EffectAnimation
Ride Summary
A cycling recap with aurora route light — map, 3D orbit, live replay.
EffectAnimationMobile
Sound-Reactive Gradient
A chord-driven gradient field — strum C·A·G·E·D and watch color ripple.
EffectAnimation
Signature Reel
Two signature motion pieces — viewfinder and film — on one scrubbable timeline.
AnimationEffect
Polaroid Cutout
Cut objects out of a pinned polaroid — magic wand or dot-to-dot scissors.
Effect
Navigator
A fisheye section navigator with a tunable Gaussian curve.
EffectAnimation
Exploded DOM
A layered card with debuggable cover effects.
EffectAnimation
Rippling Dots
A rippling dots animation.
AnimationEffect
Form In Canvas
A camera-driven form that unfolds from a tracked fingertip.
AnimationEffect
Scene Change
Hybrid rendering with a raster base and path-traced lighting.
3DEffect
Curator
A collection of my films and vinyls
EffectAnimation
Persona Menu
A persona style menu effect.
Effect
Disco Elysium
Disco Elysium on web
EffectAnimation
GBA Emulator
A Game Emulator for my childhood games.
EffectAnimation3D
Shiny Sunset
A shiny sunset animation.
EffectAnimation3D
Window In Frame
Draggable and resizable windows in a constrained frame.
EffectAnimation
Physical Card
A physical card animation.
EffectAnimation
Infinity Text
An infinity text animation.
Animation
Scroll Indicator
A scroll indicator.
Effect
Scroll Progress
A scroll progress bar.
Animation
Delete Button
A delete button with clip path animation.
Animation
Expand Dialog
A dialog that expands from a button.
Animation
Tailwind Color Picker
A color picker that allows you to visualize and choose colors.
Effect
3D Bezier Curve
A 3D bezier curve animation.
3D
Feature Banners
A feature banners animation.
Effect
Glow Bottom Tab
A glow bottom tab navigation.
AnimationMobile
Packy Bottom Tab
A packy bottom tab navigation.
AnimationMobile
Animated Bottom Tab
An animated bottom tab navigation.
AnimationMobile
Liquid Glass
A liquid glass effect.
EffectAnimation
Absorb Point
Magnetic wells that swallow a draggable orb.
Effect
Progressive Blur
A progressive blur effect.
Effect
Glowing Border
A glowing border animation.
Animation
Black Hole
A Black Hole made with three.js
3D
Gradien Button Border
A gradient button border effect.
EffectAnimation