DDC / LAB — 50 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.

X-Ray HeroHero Sections★Full ↗

Kinetic SlabHero SectionsFull ↗

Gradient FieldHero SectionsFull ↗

Split PanelHero SectionsFull ↗

Ripple SwapText Animations★Full ↗

Scramble LinksText AnimationsFull ↗

Weight WaveText AnimationsFull ↗

Velocity MarqueeText AnimationsFull ↗

Distortion SliderImage CarouselsFull ↗

Momentum GalleryImage CarouselsFull ↗

Clip RevealImage CarouselsFull ↗

Depth StackImage CarouselsFull ↗

Image TrailCursor & HoverFull ↗

Magnetic DockCursor & HoverFull ↗

Hover LensCursor & HoverFull ↗

Spotlight GridCursor & HoverFull ↗

Particle NameHero Sections★Full ↗

BlueprintHero SectionsFull ↗

SliceHero SectionsFull ↗

Liquid TypeText AnimationsFull ↗

Path TextText AnimationsFull ↗

Odometer RollText AnimationsFull ↗

Panorama StripImage CarouselsFull ↗

Filmstrip ScrubImage CarouselsFull ↗

Accordion GalleryImage CarouselsFull ↗

Particle CometCursor & HoverFull ↗

Char RepelCursor & HoverFull ↗

Tilt & GlareCursor & HoverFull ↗

Pin MorphScroll Effects★Full ↗

Horizontal JourneyScroll EffectsFull ↗

Parallax SceneScroll EffectsFull ↗

Velocity SkewScroll EffectsFull ↗

Scrub RevealScroll EffectsFull ↗

Sticky StackScroll EffectsFull ↗

Mask WipeScroll EffectsFull ↗

Line DrawScroll EffectsFull ↗

CurtainTransitions & LoadersFull ↗

Counter PreloaderTransitions & LoadersFull ↗

Morph LoaderTransitions & LoadersFull ↗

Pixel DissolveTransitions & LoadersFull ↗

IrisTransitions & LoadersFull ↗

Glitch CutTransitions & LoadersFull ↗

Logo StingTransitions & LoadersFull ↗

Infinite CanvasGrids & Layout★Full ↗

Expand GridGrids & LayoutFull ↗

Masonry FlowGrids & LayoutFull ↗

Hover IndexGrids & LayoutFull ↗

Mosaic RippleGrids & LayoutFull ↗

Bento CascadeGrids & LayoutFull ↗

Counter ColumnsGrids & LayoutFull ↗