Coverflow Drag

A drag coverflow of portraits that scale, dim, and snap as you swipe.

Installation

terminal

pnpm dlx layro-cli add @iurvish/coverflow-drag

npx layro-cli add @iurvish/coverflow-drag

npx layro-cli add @iurvish/coverflow-drag

bunx layro-cli add @iurvish/coverflow-drag

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import {
  motion,
  useMotionValue,
  useTransform,
  animate,
  PanInfo,
  MotionValue,
} from "motion/react"

const images = [
  "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=800&auto=format&fit=crop",
  "https://images.unsplash.com/photo-1517841905240-472988babdf9?q=80&w=800&auto=format&fit=crop",