DDC / LAB — 70 interaction references

Motion & interaction
reference library.

Live patterns I build into client work — hover them, drag them, hit replay. Tell me which ones you like and we'll shape your site around them.

Hero Sections

10 refs
X-Ray Hero★Full ↗
Kinetic SlabFull ↗
Gradient FieldFull ↗
Split PanelFull ↗
Particle Name★Full ↗
BlueprintFull ↗
SliceFull ↗
Aurora VeilFull ↗
Terminal BootFull ↗
Floating PanelsFull ↗

Text Animations

10 refs
Ripple Swap★Full ↗
Scramble LinksFull ↗
Weight WaveFull ↗
Velocity MarqueeFull ↗
Liquid TypeFull ↗
Path TextFull ↗
Odometer RollFull ↗
Split FlapFull ↗
Focus PullFull ↗
Rag-doll TypeFull ↗

Image Carousels

10 refs
Distortion SliderFull ↗
Momentum GalleryFull ↗
Clip RevealFull ↗
Depth StackFull ↗
Panorama StripFull ↗
Filmstrip ScrubFull ↗
Accordion GalleryFull ↗
CoverflowFull ↗
Ken BurnsFull ↗
Shared FrameFull ↗

Cursor & Hover

10 refs
Image TrailFull ↗
Magnetic DockFull ↗
Hover LensFull ↗
Inspector SpotlightFull ↗
Particle CometFull ↗
Char RepelFull ↗
Tilt & GlareFull ↗
Glow CardsFull ↗
Morph CursorFull ↗
Dot FieldFull ↗

Scroll Effects

10 refs
Pin Morph★Full ↗
Horizontal JourneyFull ↗
Parallax SceneFull ↗
Velocity SkewFull ↗
Scrub RevealFull ↗
Sticky StackFull ↗
Mask WipeFull ↗
Line DrawFull ↗
Scroll DollyFull ↗
Chapter SplitFull ↗

Transitions & Loaders

10 refs
CurtainFull ↗
Counter PreloaderFull ↗
Morph LoaderFull ↗
Pixel DissolveFull ↗
IrisFull ↗
Glitch CutFull ↗
Logo StingFull ↗
Lens BlurFull ↗
Skeleton MorphFull ↗
Ink BleedFull ↗

Grids & Layout

10 refs
Infinite Canvas★Full ↗
Expand GridFull ↗
Masonry FlowFull ↗
Hover IndexFull ↗
Mosaic RippleFull ↗
Bento CascadeFull ↗
Counter ColumnsFull ↗
Sort GridFull ↗
Isometric BoardFull ↗
View MorphFull ↗