MotionClient component

Draggable Stack

A spring-driven stack that promotes the next card after the top card is dragged past a threshold.

Throw the top card in any direction

RIVELLE / 03

Pulse

RIVELLE / 02

Orbit

RIVELLE / 01

Signal

Throw the top card

Usage

tsx

import { DraggableStack } from "@/components/effects/draggable-stack"

export function Demo() {
  return (
    <DraggableStack>
      <CardOne />
      <CardTwo />
      <CardThree />
    </DraggableStack>
  )
}